如何连接Electron应用进行UI自动化

1,020 阅读1分钟

方案一

众所周知,electron是基于chromium的,且支持chrome的启动参数启动。那么,咋们同样可通过devtools协议实现与应用页面中的element交互,话不多,应用加上启动参数 --remote-debugging-port=9223 启动

const puppeteer = require('puppeteer-core');
let request = require('request-promise-native');

var browser = {};

(async () => {
    let version = await request({
        uri:  "http://127.0.0.1:9223/json/version",
        json: true
    });
    // connect by cdp.
    browser = await puppeteer.connect({
        browserWSEndpoint: version.webSocketDebuggerUrl
    });
    const page1 = (await browser.pages())[0];
    console.log(page1);
})();

总是坎坷,有如下报错:

​编辑

从puppeteer官方了解到,是Electron未实现该getBrowserContexts方法

Support Electron and other content embedders · Issue #4283 · puppeteer/puppeteer · GitHub

方案二

采用纯CDP协议,通过pychrome工具包连接webview页面,但是进行元素操作需要用底层的CDP协议,有成本。

方案三

采用chromedriver方案。上code。此种方式,可复用之前基于chromedriver编写的元素操作代码。

from selenium.webdriver import Chrome
from selenium.webdriver import ChromeOptions

if __name__ == "__main__":
    # path_application 为.exe文件的路径
    path_application = r'C:/postman.exe'
    options1 = ChromeOptions()
    options1.add_experimental_option('binary',path_application)
    options1.add_experimental_option('windowTypes',['webview'])
    driver = Chrome(
        executable_path = "./test/chromedriver.exe",
        options=options1
    )

 以上各chromedriver的参数的含义可查阅该文中提及的官方文档

juejin.cn/post/710116…