Chrome DevTools调试移动设备Brower Page Tabs/WebViews

最近涉及到webview页面的自动化,特意对盲区知识点做一个总结,方便以后翻阅。实际情况:appium自动化框架中,针对webview页面,需要切换至相应的context下实现对UI进行点击等操作,但用uiautomatorviewer.bat无法定位到元素

   参考网上的大神们的博客,主要使用Chrome DevTools调试webview,可总结出如下:

  • 介绍
  • 调试站点的页面
  • 调试安卓原生App中的WebView
  • 实时将安卓设备的屏幕图像同步显示到开发机器。
  • 通过端口转发(port forwarding)与虚拟主机映射(virtual host mapping)实现安卓移动设备与开发服务器进行交互调试。
  • 使用
  • chrome浏览器地址栏输入chrome://inspectabout:inspect 或在电脑上打开Chrome浏览器的菜单– 更多工具 – 检查设备
  • 打开DevTools后,确保打钩选中Discover USB devices,浏览app的webview,可以看到设备浏览的页面,如图,inspect查看页面或者直接拷贝地址在浏览器打开
image.png
  • 完成以上步骤后,接下来的操作与调试网页一致,按f12进入开发模式,查看元素属性,方面UI操作
    参考博客
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容