问题描述
我正在编写一个小型Python和WebKit应用程序;我使用WebKit作为我的应用程序的UI。
我想要做的是在WebKit中创建一个交互元素(即组合框或一组可点击区域)，当用户与这些元素交互时，我可以调用Python回调来进行一些处理，然后使用它来更新WebKit视图新的消息。
这是我想要做的一个例子：
-
向用户显示一个组合框选项(显示组合框，我假设，使用WebKit中的HTML表单)。
-
选择组合框选项后，在我的Python脚本中调用
on_combo_selected()，然后抓取一些数据。 -
数据传递给WebKit并更新视图。
我怎样才能做到这一点？
最佳解决方法
从嵌入式WebKit小部件到控制Python程序的通信方式
Gtk或Qt：
-
从JavaScript设置
window.status;在Python中捕获相应的事件 -
从JavaScript设置
document.title;在Python中捕获相应的事件 -
将页面重定向到自定义URL(例如，
x-my-app:thing1/thing2/thing3);在Python中捕获navigation-policy-decision-requested事件并查看正在导航到的URL，并在它是您的自定义URL方案时处理它
仅限Qt：
-
使用
frame.addToJavaScriptWindowObject将(专门设计的)Python对象添加到JavaScript全局命名空间;从JavaScript调用它的方法。 (有关示例，请参阅http://pysnippet.blogspot.com/2010/01/calling-python-from-javascript-in-pyqts.html。)
理论上应该起作用的方法，但在实践中却不是很好
-
从JavaScript中触发HTML元素(包括文档对象)上的自定义DOM事件;通过从Python导航WebKit DOM并监听事件来捕获Python中的该事件。这有效，但我找不到让Python能够从事件中读取自定义数据的方法，这意味着您无法传递除被触发事件之外的信息。
从Python到JavaScript的沟通方式
-
使用
webview.execute_script(js_code)。请注意，如果您使用JS传递变量值，那么JSON编码它们是个好主意;这样你就可以更少担心转义，JS可以原生地读取JSON
这是一些Gtk代码示例：
from gi.repository import Gtk,WebKit
import json
w = Gtk.Window()
v = WebKit.WebView()
sw = Gtk.ScrolledWindow()
w.add(sw)
sw.add(v)
w.set_size_request(400,300)
w.connect("destroy", lambda q: Gtk.main_quit())
def window_title_change(v, param):
if not v.get_title():
return
if v.get_title().startswith("msgtopython:::"):
message = v.get_title().split(":::",1)[1]
# Now, send a message back to JavaScript
return_message = "You chose '%s'. How interesting." % message
v.execute_script("jscallback(%s)" % json.dumps(return_message))
v.connect("notify::title", window_title_change)
v.load_html_string("""<!doctype html>
<html>
<head>
<title>A demo</title>
<style>
body { font-family: Ubuntu, sans-serif; }
h1 { font-size: 1.3em; }
</style>
<body>
<h1>A tiny JavaScript demonstration</h1>
<form>
<p>What's your favourite thing about Jono? <select>
<option>------choose one------</option>
<option>his beard</option>
<option>his infectious sense of humour</option>
<option>his infectious diseases</option>
<option>his guitar ability</option>
<option>his wife</option>
</select></p>
</form>
<p id="out"></p>
<script>
document.querySelector("select").addEventListener("change", function() {
var chosenOption = this.options[this.selectedIndex].text;
// Now send that text back to Python by setting the title
document.title = "msgtopython:::" + chosenOption;
}, false);
function jscallback(msg) {
document.getElementById("out").innerHTML = msg;
}
</script>
</body>
</html>
""", "file:///")
w.show_all()
Gtk.main()
次佳解决方法
我玩了一段时间已经有一段时间，但这就是我所做的：
使用类似的东西
<form>
<select onchange="location.href='mycombo://'+this.value">
<option>foo</option>
<option>bar</option>
<option>baz</option>
</select>
</form>
在你的HTML中。因此，当用户选择项目时，将调用具有所选值的mycombo -URI。为了捕获这个，将处理程序连接到WebView的navigation-requested信号：
self.webview.connect("navigation-requested", self.on_navigation_requested)
在信号处理程序中，检查请求是否适用于mycombo URI。如果是这样，请致电on_combo_selected：
def on_navigation_requested(self, view, frame, req, data=None):
uri = req.get_uri()
scheme, path=uri.split(':', 1)
if scheme == 'mycombo':
self.on_combo_selected(path)
return True
else:
return False
要更新WebView，请使用其execute_script函数运行一些执行更新的JavaScript代码，例如：
self.webview.execute_script("document.title='Updated!';")