使用 QWebEngineView 与 html/javascript 通信

Question

我需要获取动态内容，该内容由 ajax js 调用加载。

我真的不知道如何使用 PyQt，但我希望我能做到这一点。HTML是这样的：

<a href="#" id="id" onclick="A4J.AJAX.Submit('j_id0:j_id1:j_id110',event,{'similarityGroupingId':'j_id0:j_id1:j_id110:j_id582:0:j_id584'});return false;">NETHERLANDS</a>`

我可以使用以下简单代码使用 PyQt 呈现页面：

def render(source_html):

    import sys
    from PyQt5.QtCore import QEventLoop
    from PyQt5.QtWidgets import QApplication
    from PyQt5.QtWebEngineWidgets import QWebEngineView

    class Render(QWebEngineView):
        def __init__(self, html):
            self.html = None
            self.app = QApplication(sys.argv)
            QWebEngineView.__init__(self)
            self.loadFinished.connect(self._loadFinished)
            self.setHtml(html)

            while self.html is None:
                self.app.processEvents(QEventLoop.ExcludeUserInputEvents | QEventLoop.ExcludeSocketNotifiers | QEventLoop.WaitForMoreEvents)
            self.app.quit()

        def _callable(self, data):
            self.html = data

        def _loadFinished(self, result):
            self.page().toHtml(self._callable)

    return Render(source_html).html

import requests
sample_html = requests.get('https://riverbankcomputing.com/software/pyqt/').text
print(render(sample_html))

我如何运行“onclick”并获取内容？

Answer 1

这是一个老问题，但是......

从 javascript 运行 PyQt 函数：

虽然可能有很多方法可以做到这一点，但我已经通过使用QWebChannel，然后从您的 html 调用 js 函数，然后使用网络通道与 Qt 进行通信来解决它。

您将需要qwebchannel.js. 我从本地机器上的 Qt5 示例目录中得到了我的。相同的文件在网络上的许多地方都存在。我会把它留给你去找到它。

这里描述了大部分方法：http : //doc.qt.io/qt-5/qtwebchannel-javascript.html

在您的 中__init__，创建一个网络频道：

self.webchannel = QtWebChannel.QWebChannel(self)

然后设置你的 webengineview 的主页使用频道，并注册你想要在 PyQt 和 js 之间共享的对象：

self.page().setWebChannel(self.webchannel)
self.webchannel.registerObject('MyChannel', self)

在您的 .js（或 .html 的 javascript 部分）中，设置网络频道：

var MyChannel = null;
new QWebChannel(qt.webChannelTransport, function(channel) {
                MyChannel = channel.objects.MyChannel;
});

（这就是qwebchannel.js发挥作用的地方。你的 js 或 html 文件必须能够包含它。对我来说，我<script src="scripts/qwebchannel.js"></script>在做任何其他 js 之前加载

现在您已设置好通过通道从 js 调用 PyQt，但是您可以调用什么？任何装饰为 PyQt 插槽的东西。因此，例如，如果在 javascript 中，您想在 Render 中调用一个将字符串作为参数的“foo”函数，那么您将创建它（作为 Render 的成员），如下所示：

@QtCore.pyqtSlot(str)
def foo(self, some_tring):
    print ("Some string: %s" % some_string)

...然后在 js 文件中（或在您的 index.html 中），您只需调用MyChannel.foo('whatever'). 您可以通过 onclick 来执行此操作，也可以从您从 onclick 调用的另一个函数的主体中执行此操作。

讨论MyChannel.foo('whatever')：你打电话MyChannel是因为这是你分配给你在通道中注册的对象的名称（在 python 中），以及你在 js 中创建new QWebChannel. 创建注册时，您将self作为对象传递给注册 - 因此由 标识的通道MyChannel就是您的Render对象。你只能通过通道发信号，所以你“调用”的任何东西都必须是一个槽——因此是装饰器。

或者，如果你想从 PyQt 调用一个 js 函数，它会更容易一些。在这种情况下，您只需调用

self.page().runJavaScript('someJsFunction("whatever");')

如果你需要对响应做一些事情，因为它被称为异步，你需要设置一个响应处理程序：

self.page().runJavaScript('someJsFunction("whatever");', self.__callback)

...然后定义回调（可能作为 Render 的成员）：

def __callback(self, response):
    if response:
        print ("Handling JS response: %s", response)