Appium如何查看webview上元素

现在大部分app都是混合式的native+webview，对应native上的元素通过uiautomatorviewer很容易定位到，webview上的元素就无法识别了；

那么如何定位webview上的元素呢？

app上webview的页面实际上是启用的chrome浏览器的内核加载的，如何把手机的网页加载到电脑上，电脑的chrome浏览器上有个开发模式，是可以方便调试的。
 
一、环境准备
1.手机上装一个chrome浏览器
2.电脑上装chrome浏览器
3.手机连电脑
4.手机安装百度阅读APP
 
二、启动adb服务

手机上打开浏览器，如打开百度，
1.电脑上打开chrome浏览器输入：chrome://inspect/#devices（前提是adb已经检测到设备）；电脑上就会检测到，

点击百度一下下面的inspect,或者复制 地址：https://m.baidu.com/?from=844b&vit=fps，新建标签页打开；如下图：

接下来就可以定位元素了。跟selenium是一样的了；

记得要点击图中红圈位置，调整到对应模式才能定位哦