Hybrid-App元素定位

一、简介

Hybrid App也就是混合应用，在Native App原生应用中嵌入了H5页面，所以在定位H5页面元素时，要稍微复杂一些。

在 Android 4.4 (KitKat) 或更高版本中，使用 DevTools 可以在原生 Android 应用中调试 WebView 内容，不过需要开启debug模式。一般情况下，需要让开发人员在App代码中使用如下代码，开启debug模式：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    WebView.setWebContentsDebuggingEnabled(true);
}

而在测试时，非本公司的App，大部分 App 的 debug 模式是关闭的，即便是内部 App，比如 QQ/微信，要去找一个开启了debug 模式的版本还是比较麻烦的。

因此需要使用借助第三方工具来强制开启任何 App 的 Android webview debug模式，使之可以使用 chrome inspect，而这个工具就是 Xposed 。百度搜索：Xposed框架下载安装。

综上，要在Hybrid App中定位H5元素，需要安装Xposed框架，以此开启App应用的debug模式，接着手机（模拟器）USB 连接 PC（模拟器用命令ADB连接PC），然后在 PC 的 chrome 浏览器中打开 chrome://inspect/#devices 即可。

二、开启root权限

对于手机而言可以用root工具开启权限，比如KingRoot、一键root、360一键root等。

对于模拟器，需要根据模拟器要求开启root权限。

这里用夜神模拟器做演示，首先，开启root。

然后，点击“设置”进入“关于平板电脑”，然后点击模拟器“版本号”7次，开启开发者模式。

三、安装 Xposed框架

首先在百度搜索：Xposed框架下载安装，然后，根据手机或者模拟器版本，选择下载对应版本的Xposed框架，若版本不匹配，安装激活时将会出现错误，并提示：Xposed目前不兼容Android SDK版本 XX 或者你的处理器架构XX。

安装后重启设备。设备重新启动后，选择版本，然后点击“install”安装软件。

安装完毕后，重新打开xposed软件，显示已经成功激活。

四、安装WebViewDebugHook

首先，在百度搜索：WebViewDebugHook.apk，下载并通过手机或者模拟器安装WebViewDebugHook。

然后，再打开xposed软件，选择“模块”，选中WebViewDebugHook并安装，接着重启手机或者模拟器。

最后，重新打开Xposed查看安装的模块WebViewDebugHook，显示已经成功。

正常情况下，此时直接打开Chrome浏览器，输入网址：chrome://inspect/#devices，然后在手机上打开需要测试的App，接着等待Chrome浏览器获取信息，点击“inspect”，就可以获取当前App页面的定位元素信息。但是，无法获取。

五、安装uc-devtools

由于国内防火墙问题，无法获取信息，需要上网科学才能定位到App信息。因此，这里需要下载第三方工具uc-devtools。

下载地址：https://plus.ucweb.com/download/?spm=ucplus.11199946.0.0.44ca4692tWsr5V#DevTool

安装完毕后，打开uc-devtools，然后在“设置”中将inspectorURL Resource选中为“本地Devtools inspector”。

然后，返回Home页，查看定位到的App信息。

注意，在获取App定位元素信息之前，需要手机手机连接计算机，模拟器用ADB命令连接计算机。