背景

前几天接到H5开发人员那边的业务开发需求单,说想将H5接入到自动化系列中,特此记录分享一下。

环境前置准备

  • 手机与电脑USB连接,开启USB调试模式,通过adb devices可查看到此设备。

  • 电脑端、移动端安装chrome浏览器。(尽量保证移动端chrome版本低于电脑端)

  • App webview开启debug模式

  • 在电脑端Chrome浏览器地址栏输入chrome://inspect/#devices,进入调试模式:

    • 此时页面显示了手机型号、驱动名称、APP要调试的WebView名称

    • 点击inspect,若成功加载与APP端相同界面的调试页面,则配置成功

    • 若获取不到WebView或者调试页面预览框显示空白,则需要进行VPN破解–安装FQ软件(由于默认的DevTools使用的是appspot服务器,这在国内是需要翻越GWF)

尝试解决方法:

1、在windows host文件中增加:

61.91.161.217  chrome-devtools-frontend.appspot.com
61.91.161.217    chrometophone.appspot.com

 

2、使用FQ软件,如Lantern蓝灯

环境检查

App webview 调试模式检查与开启

  • 基础检查方式

    • 打开app对应的h5页面,在chrome://inspect/#devices地址中,检查是否显示对应的webview,如没有,则当前未开启调试模式。

    • 在自动化代码中,进入到对应的H5页面,输出当前context,如果一直显示为Natvie,则webview未开启。

  • 开启方式
    在app中配置如下代码(在WebView类中调用静态方法s

    网友评论