### 在 PyQt 的 QWebEngineView 加载的 HTML 页面中嵌入或交互 PyQt 控件的方法 要在 PyQt 的 `QWebEngineView` 中实现与 PyQt 控件的交互，可以通过以下几种方式完成： #### 1. 使用 JavaScript 桥接 PyQt 控件 通过 `QWebChannel`，可以实现 Python 和 JavaScript 之间的双向通信。具体方法是将 PyQt 控件的功能暴露给 JavaScript，从而在 HTML 页面中调用这些功能。 ##### 实现步骤 - 创建一个 Python 对象，并将其注册到 `QWebChannel`。 - 在 HTML 页面中加载 `qwebchannel.js` 并使用该对象进行交互[^4]。 ##### 示例代码 ```python import sys from PyQt5.QtCore import QObject, pyqtSlot, QUrl from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QWidget from PyQt5.QtWebEngineWidgets import QWebEngineView, QWebChannel class Bridge(QObject): @pyqtSlot(str) def show_message(self, message): print(f"Message from JavaScript: {message}") class MainWindow(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle("PyQt WebEngine with Controls") self.setGeometry(100, 100, 800, 600) # 创建 QWebEngineView 控件 self.webview = QWebEngineView() # 创建 QWebChannel 并注册桥接对象 self.channel = QWebChannel() self.bridge = Bridge() self.channel.registerObject("bridge", self.bridge) self.webview.page().setWebChannel(self.channel) # 定义 HTML 内容，包含按钮并调用 Python 方法 html_content = """ <html> <head> <script src="qrc:///qtwebchannel/qwebchannel.js"></script> <script> var bridge; new QWebChannel(qt.webChannelTransport, function(channel) { bridge = channel.objects.bridge; }); function sendMessage() { bridge.showMessage("Hello from JavaScript!"); } </script> </head> <body> <h1>PyQt WebEngine Example</h1> <button onclick="sendMessage()">Click Me</button> </body> </html> """ # 加载 HTML 内容到 QWebEngineView self.webview.setHtml(html_content) # 将 QWebEngineView 控件添加到主窗口 layout = QVBoxLayout() layout.addWidget(self.webview) main_widget = QWidget() main_widget.setLayout(layout) self.setCentralWidget(main_widget) if __name__ == "__main__": app = QApplication(sys.argv) window = MainWindow() window.show() sys.exit(app.exec_()) ``` #### 2. 动态更新 PyQt 控件内容 通过 `runJavaScript` 方法，可以从 Python 端执行 JavaScript 脚本，从而动态更新 HTML 页面中的内容。 ##### 示例代码 ```python import sys from PyQt5.QtCore import QUrl from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QWidget from PyQt5.QtWebEngineWidgets import QWebEngineView class MainWindow(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle("Dynamic Content Update") self.setGeometry(100, 100, 800, 600) # 创建 QWebEngineView 控件 self.webview = QWebEngineView() # 定义 HTML 内容，包含可更新的文本 html_content = """ <html> <body> <h1 id="title">Initial Title</h1> <p id="content">Initial Content</p> </body> </html> """ # 加载 HTML 内容到 QWebEngineView self.webview.setHtml(html_content) # 更新 HTML 页面中的内容 self.webview.page().runJavaScript('document.getElementById("title").innerText = "Updated Title";') self.webview.page().runJavaScript('document.getElementById("content").innerText = "Updated Content";') # 将 QWebEngineView 控件添加到主窗口 layout = QVBoxLayout() layout.addWidget(self.webview) main_widget = QWidget() main_widget.setLayout(layout) self.setCentralWidget(main_widget) if __name__ == "__main__": app = QApplication(sys.argv) window = MainWindow() window.show() sys.exit(app.exec_()) ``` #### 3. 使用 PyQt 控件作为独立组件 如果需要更复杂的交互，可以将 PyQt 控件（如按钮、标签等）作为独立组件放置在 `QWebEngineView` 之外，并通过信号和槽机制与 HTML 页面进行交互。 ##### 示例代码 ```python import sys from PyQt5.QtCore import pyqtSlot from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QPushButton, QWidget from PyQt5.QtWebEngineWidgets import QWebEngineView class MainWindow(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle("PyQt Controls with WebEngine") self.setGeometry(100, 100, 800, 600) # 创建 QWebEngineView 控件 self.webview = QWebEngineView() # 定义 HTML 内容 html_content = """ <html> <body> <h1 id="title">Title from Python</h1> </body> </html> """ self.webview.setHtml(html_content) # 创建 PyQt 按钮控件 self.button = QPushButton("Update Title") self.button.clicked.connect(self.update_title) # 布局管理 layout = QVBoxLayout() layout.addWidget(self.webview) layout.addWidget(self.button) main_widget = QWidget() main_widget.setLayout(layout) self.setCentralWidget(main_widget) @pyqtSlot() def update_title(self): self.webview.page().runJavaScript('document.getElementById("title").innerText = "Updated by PyQt Button";') if __name__ == "__main__": app = QApplication(sys.argv) window = MainWindow() window.show() sys.exit(app.exec_()) ``` --- ###