H5页面的自动化总结

535 阅读1分钟

常见链路

在这里插入图片描述 上图的被测对象是针对chromium系应用。

1.CDP 是 Chrome Devtools Protocol。基于 websokect。 2.不同浏览器的devtools技术有不同的协议,chrome的是CDP,firefox的是FDP,即 FireFox Devtools Protocol. 3.JWP 是 JSON WIRE Protocol。通过json数据体通信。不同浏览器都遵循 JWP 协议 来实现。JWP 是 W3C 定义的规范。 4.chromium指的是chromium系的应用,chrome浏览器,混合app(app内嵌入webview,如微信中有X5内核渲染webview),基于Electron的桌面应用(如postman等)。Electron包含chromium。应理论上都可用CDP与应用内的chromium通信。

常见工具

1.基于JWP协议的工具包 -- Selenium与Appium Appium可理解为对Selenium的集成。Appium与Selenium均支持多种语言。Selenium3之前都是基于JWP,Selenium4引入bidirectional conection(双向连接)的通信规范。Selenium4在开发与讨论中,未发布,Github上已有相关代码。BiDI协议是W3C目前在起草的新的交互协议。devtools技术可实现该协议。chromedriver连接android的webview有局限性(针对一个process有多webview的情况,用户不能选择预期的webview,且chromedriver官方目前也无fix的打算)

2.基于CDP的工具包 -- Puppeteer Puppeteer是基于JS实现的。Puppeteer成熟,且活跃度很高,官方文档十分完善,且除了CDP已开始兼容FDP(FireFox Devtools Protocol)。基于python 也有PyChrome,PychromeDevtools,PyCDP等库,活跃度相对较差。

官方文档

CDP协议 webdriver-bidi协议

Selenium与JWP协议

W3C与JWP协议

ChromeDriver参数

ChromeDriver官方文档

Chrome参数

puppeteer的API

Electron自动化指北