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查看页面或者直接拷贝地址在浏览器打开
Chrome DevTools调试移动设备Brower Page Tabs/WebViews_第1张图片
image.png
  • 完成以上步骤后,接下来的操作与调试网页一致,按f12进入开发模式,查看元素属性,方面UI操作
    参考博客

你可能感兴趣的:(Chrome DevTools调试移动设备Brower Page Tabs/WebViews)