appium01：appium定位H5页面元素

目录 [TOC] # 扩展连接 https://blog.csdn.net/galen2016/article/details/53534366 # 一、 移动端的应用         在手机移动端，支持3种应用格式：Native应用、Web应用以及Hybird应用。 ## 1.1 Native应用         Native，是安卓手机的原生应用，可以理解为普通的app； ## 1.2 Web应用         Web应用依托于浏览器展示，也就是我们所说的网页； ## 1.3 Hybird应用         Hybird应用是介于Native和Web应用之间的应用模式，在Native应用中嵌入web页面实现应用展示界面的个性化定制，也就是在应用中嵌入H5程序，比较常见的有微信小程序等，这些H5页面再移动端通过Webview（Android提供的显示网页的系统控件）访问。通过uiautomatorviewer在定位元素时，只有一个UI WebView的界面，无法获取元素细节，如图1.1所示。

# 二、 Hybird应用H5元素获取 ## 2.1 思路         获取Native应用的嵌入的H5页面的元素，可以通过获取该页面的URL地址，然后在web端利用chrome浏览器，获取该控件的定位语句，即可完成H5页面元素的定位。 ## 2.2 步骤 ### 2.2.1 识别app中的H5视图         识别app中的H5视图，可以打开手机的开发者模式，然后在开发者选项中打开显示布局边界的开关，打开开关之后，app的各个应用的组件的边界就会显示出来。如果是H5界面，可以看到，如下视图（图2.2）

         如果是H5界面，可以看到，如下视图。

### 2.2.2 在桌面端的谷歌浏览器中识别这个H5界面         对于Hybird中的H5界面，在谷歌浏览器中识别后，点击inspect，可以查看，当前这个H5页面的元素，谷歌浏览器识别app端Hybird应用H5页面的的准备工作如下：         ①手机和电脑连接上，打开手机开发者模式，启动USB调试功能；         ② 需要开发在打包代码时，开启webview的debug属性setWebContentDebuggingEnabled(true)；              但是，对于线上的开发包来说，一般都是把webview的deb