Подключить форму WebKit WebView к обратному вызову Python?
Я пишу небольшое приложение на Python и WebKit; Я использую WebKit в качестве пользовательского интерфейса для моего приложения.
То, что я хочу сделать, - это создать интерактивный элемент в WebKit (а именно, поле со списком или набор областей, на которые можно нажимать), и когда пользователь взаимодействует с этими элементами, я могу вызвать обратный вызов Python для некоторой обработки, а затем обновить Просмотр WebKit с новой информацией.
Вот пример того, что я хочу сделать:
- Пользователю предоставляется поле со списком параметров (поле со списком, я полагаю, отображается с использованием формы HTML в WebKit).
- Когда выбрана опция поля со списком, в моем скрипте Python вызывается
on_combo_selected(), который затем захватывает некоторые данные. - Данные передаются в WebKit, и представление обновляется.
Как я могу это сделать?
2 ответа
Способы передать от встроенного виджета WebKit до управления программу Python
Gtk или Qt:
- набор
window.statusот JavaScript; захватите соответствующее событие в Python - набор
document.titleот JavaScript; захватите соответствующее событие в Python - перенаправьте страницу к пользовательскому URL (скажите,
x-my-app:thing1/thing2/thing3); прерываниеnavigation-policy-decision-requestedсобытие в Python и смотрят URL, к этому перемещаются, и соглашение с ним, если это - Ваша пользовательская схема URL
QT только:
- использовать
frame.addToJavaScriptWindowObjectдля добавления (специально предназначенного) Python возражают против глобального пространства имен JavaScript; назовите методы на нем от JavaScript. (См. http://pysnippet.blogspot.com/2010/01/calling-python-from-javascript-in-pyqts.html для примера.)
Методы, которые теоретически должны работать, но на практике сделать не, очень хорошо
- Запустите пользовательское событие DOM в элемент HTML (который включал бы объект документа) от JavaScript; захватите то событие в Python путем навигации по DOM WebKit из 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. Таким образом, когда пользователь выбирает объект a mycombo- URI с выбранным значением называют. Поймать это подключение обработчик к Вашему WebView navigation-requested сигнал:
self.webview.connect("navigation-requested", self.on_navigation_requested)
В Вашем обработчике сигналов Вы проверяете, ли запрос для a 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
Обновить Ваше использование веб-представления execute_script функционируйте для выполнения некоторого кода JavaScript, который делает обновления, как:
self.webview.execute_script("document.title='Updated!';")