基于PyQt5 QWebEngineView的浏览器如何实现网页内容填写与按钮点击自动化

QWebEngineView本身不提供直接操作DOM元素的原生API，所有网页元素的读写、事件触发都需要通过注入JavaScript代码实现，核心调用接口是QWebEnginePage.runJavaScript()，你要的getObjectbyName+setText效果可以通过封装JS逻辑实现。

核心封装方法 #

你可以在MainWindow类里封装几个通用的元素操作方法，直接复用：

# 按元素name属性设置输入框文本
def set_text_by_name(self, element_name: str, text: str, callback=None):
    # 拼接JS代码：按name找元素，赋值
    js_code = f'''
    const elem = document.getElementsByName("{element_name}")[0];
    if (elem) {{
        elem.value = "{text}";
    }}
    '''
    self.browser.page().runJavaScript(js_code, callback)

# 按元素name属性触发点击事件
def click_by_name(self, element_name: str, callback=None):
    js_code = f'''
    const elem = document.getElementsByName("{element_name}")[0];
    if (elem) {{
        elem.click();
    }}
    '''
    self.browser.page().runJavaScript(js_code, callback)

调用的时候直接用self.set_text_by_name("q", "PyQt5 自动化")就能实现你要的赋值效果，和你预期的调用方式基本一致。

完整可运行示例 #

在你原有代码基础上扩展了工具栏和测试按钮，打开谷歌后点击按钮即可自动填充搜索框、触发搜索：

from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtWebEngineWidgets import *

import sys

class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow,self).__init__(*args, **kwargs)
        self.resize(1200, 800)

        # 顶部工具栏
        nav_bar = QToolBar()
        self.addToolBar(nav_bar)

        # 测试按钮1：填充搜索框
        fill_btn = QAction("填充搜索内容", self)
        fill_btn.triggered.connect(self.fill_search)
        nav_bar.addAction(fill_btn)

        # 测试按钮2：触发搜索
        search_btn = QAction("执行搜索", self)
        search_btn.triggered.connect(self.do_search)
        nav_bar.addAction(search_btn)

        self.browser = QWebEngineView()
        self.browser.setUrl(QUrl("http://www.google.com"))
        self.setCentralWidget(self.browser)
        self.show()

    # 按name设置元素文本
    def set_text_by_name(self, element_name: str, text: str, callback=None):
        js_code = f'''
        const elem = document.getElementsByName("{element_name}")[0];
        if (elem) elem.value = "{text}";
        '''
        self.browser.page().runJavaScript(js_code, callback)

    # 按name触发点击
    def click_by_name(self, element_name: str, callback=None):
        js_code = f'''
        const elem = document.getElementsByName("{element_name}")[0];
        if (elem) elem.click();
        '''
        self.browser.page().runJavaScript(js_code, callback)

    # 测试方法：填充谷歌搜索框
    def fill_search(self):
        # 谷歌搜索框的name属性是q
        self.set_text_by_name("q", "PyQt5 网页自动化测试")

    # 测试方法：触发搜索
    def do_search(self):
        # 谷歌搜索按钮的name属性是btnK
        self.click_by_name("btnK")

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MainWindow()
    app.exec_()

注意事项 #

• 所有DOM操作必须等网页加载完成后执行，否则会出现元素找不到的问题，可以绑定self.browser.loadFinished信号在页面加载完成后自动执行操作，也可以在操作前加等待逻辑。
• 除了按name查找元素，你也可以扩展封装按id、CSS选择器、XPath查找的方法，只需要修改JS代码里的选择器逻辑即可。
• runJavaScript是异步执行的，如果需要获取JS的执行结果，可以传回调函数接收返回值。

内容的提问来源于stack exchange，提问作者DaLiMan