实践（3）APP 内h5元素定位实践

一 环境搭建

1.真机手机端chrome （ 68.0.3440.70  ）

2.电脑端chrome https://www.chromedownloads.net/( 68.0.3440.106)

3.chromedriver （和chrome版本号对应上）：替换原来的下载地址（注：chrome driver要与Chrome的版本对应：ChromeDriver版本与Chrome版本对应表）

https://www.cnblogs.com/wuhl-89/p/9453885.html

目录：C:\Users\Administrator\AppData\Roaming\npm\node_modules\appium\node_modules\appium-chromedriver\chromedriver\win

3.App Webview开启debug模式

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

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

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

4.如果此刻还是一片空白的话，安装看看谷歌的拓展插件“ADB Plugin”

5.强制开启android webview debug 如果3没有内容显示，下载xposed框架  

下载地址：https://github.com/feix760/WebViewDebugHook

1. 如何知道h5页面网址

在chrome 浏览器中输入网址：chrome://inspect/#devices