从javascript返回值到pyqt5
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了从javascript返回值到pyqt5,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3624字,纯文字阅读大概需要6分钟。
内容图文
![从javascript返回值到pyqt5](/upload/InfoBanner/zyjiaocheng/811/4b80743292f7410686d31072bc161d43.jpg)
我正在尝试从PyQt5应用程序内部加载和查询JS地图窗口小部件.我可以使用这个方法:
PyQt5.QtWebEngineWidgets.QWebEngineView()()页.runJavaScript()
从QWebEngineView()中加载的网页执行JS函数,但是我在理解如何将一个由JS函数返回的值存储回python方面遇到了麻烦.
这里有一个完整的例子:
下面的PyQt5代码在PyQt4主窗口中加载一个带有leaflet.js地图窗口小部件的html页面(pyqtwebtest.html),并添加一个按钮来执行JS代码,目的是将返回的值存储在python变量中…
#!/usr/local/bin/python36
import sys
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
from PyQt5.QtWebEngineWidgets import *
class MainWindow(QMainWindow):
def __init__(self, parent=None):
super(MainWindow, self).__init__(parent)
self.form_widget = FormWidget(self)
_widget = QWidget()
_layout = QVBoxLayout(_widget)
_layout.addWidget(self.form_widget)
self.setCentralWidget(_widget)
class FormWidget(QWidget):
def __init__(self, parent):
super(FormWidget, self).__init__(parent)
self.__controls()
self.__layout()
def __controls(self):
self.browser = QWebEngineView()
self.browser.load(QUrl('file:///Users/epi/pyqtwebtest.html'))
def __layout(self):
self.vbox = QVBoxLayout()
self.hBox = QVBoxLayout()
self.getboundsbutton = QPushButton()
self.hBox.addWidget(self.browser)
self.hBox.addWidget(self.getboundsbutton)
self.vbox.addLayout(self.hBox)
self.setLayout(self.vbox)
self.getboundsbutton.clicked.connect(self.getBounds)
def getBounds(self):
self.bounds = self.browser.page().runJavaScript("[map.getBounds().getSouthWest().lat, map.getBounds().getSouthWest().lng, map.getBounds().getNorthEast().lat, map.getBounds().getNorthEast().lng]")
print(self.bounds)
# this is where I get stuck .. the result is None
# the same js code in the html file prints the bounds values
# that I want to store on the python side of the app
def main():
app = QApplication(sys.argv)
win = MainWindow()
win.show()
app.exec_()
if __name__ == '__main__':
sys.exit(main())
加载以下html页面:
<!DOCTYPE html>
<html>
<head>
<title>PyQtLeaflet</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script>
<style>
#map {
width: 600px;
height: 400px;
}
</style>
</head>
<body>
<div id='map'></div>
<script>
var mbAttr = 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
'Imagery ? <a href="http://mapbox.com">Mapbox</a>',
mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpandmbXliNDBjZWd2M2x6bDk3c2ZtOTkifQ._QA7i5Mpkd_m30IGElHziw';
var grayscale = L.tileLayer(mbUrl, {id: 'mapbox.light', attribution: mbAttr}),
streets = L.tileLayer(mbUrl, {id: 'mapbox.streets', attribution: mbAttr});
var map = L.map('map', {
center: [10, 10],
zoom: 10,
layers: [grayscale]
});
var baseLayers = {
"Grayscale": grayscale,
"Streets": streets
};
L.control.layers(baseLayers).addTo(map);
// this is the "bounds" variable which I am trying to get from pyqt
bounds = [map.getBounds().getSouthWest().lat, map.getBounds().getSouthWest().lng, map.getBounds().getNorthEast().lat, map.getBounds().getNorthEast().lng]
console.log(bounds)
</script>
</body>
</html>
我知道这个问题可能被认为是duplicate但是我很难找到最近版本的pyqt5(> = 5.7)的完全相同的方法
解决方法:
QtWebEngine中的runJavaScript异步工作,因此它永远不会返回一个值 – 而是将一个回调(即Python函数)传递给它,并使用javascript值调用它.对于您的示例,您可以简单地将print作为第二个参数传递.
内容总结
以上是互联网集市为您收集整理的从javascript返回值到pyqt5全部内容,希望文章能够帮你解决从javascript返回值到pyqt5所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。