Appium基础 — Chrome Inspect定位工具

Appium基础 — Chrome Inspect定位工具

Chrome Inspect定位工具是用来抓取app中Webview页面的重要工具。以下是对Chrome Inspect定位工具的详细介绍，包括其介绍、打开方式、使用方法以及可能遇到的问题和解决方案。

一、Chrome Inspect介绍

Chrome Inspect定位工具是Google浏览器提供的一个移动端Web页面开发调试功能。通过它，我们可以调试手机页面，查看页面的源码，从而进行元素的定位。这对于Android&H5混合开发的项目来说，是确保效果和布局跨平台一致性的重要工具。使用Chrome Inspect定位工具的前提条件是，Android版本应在Android4.4（KitKat）或更高版本上，以便通过DevTools在原生Android应用中调试WebView页面中的内容。

二、Chrome Inspect打开方式

打开PC端的Chrome浏览器，在访问地址栏中输入chrome://inspect/即可进入Chrome Inspect工具。

三、Chrome Inspect工具的使用

1. Chrome Inspect工作前提

   所测试设备（手机或模拟器）处于开机状态。

   确保电脑与设备连接状态正常。可以通过cmd进入命令行终端，输入adb connect 127.0.0.1:21503（以逍遥模拟器为例）连接模拟器，输入adb devices能够获取设备名称。

2. Chrome Inspect操作

   在APP中打开含有Webview的页面：例如，打开百度APP，进入到微博登陆的界面就是一个含有Webview的页面。

   

   在Chrome Inspect中识别到Webview页面：进入PC端的Chrome浏览器中，访问地址栏中输入chrome://inspect/（没有显示的话就点击一下刷新），就可以检测到当前应用程序界面是Webview页面了。

   

   点击inspect可以进入调试视图：点击上图中的inspect，可以进入Chrome Inspect工具的调试视图。会弹出一个新窗口，显示当前页面的Webview元素信息，并且元素定位方法同Selenium WebDriver一致。

   

四、使用Chrome Inspect遇到的问题及解决方案

1. Android系统版本

   Android移动设备版本应在Android4.4或更高版本上。从Android 4.4开始，webkit支持远程调试。

2. 所测App的debug模式要打开

   在使用Chrome Inspect工具调试移动端APP的Webview页面时，需要将该App的debug模式打开。但大部分App的debug模式都是关闭的，因此需要使用第三方工具如Xposed来强制开启任何App的Android webview debug模式。

   Xposed工具的安装

   将设备进行root：因为涉及到root权限，因此需要将设备进行root。可以使用如KingRoot等工具。注：Android模拟器默认root。

   下载Xposed框架：官方下载地址：

   http://repo.xposed.info/module/de.robv.android.xposed.installer
   。点击页面下方的Show older versions，选择一个稳定版本进行下载。
   

   安装Xposed框架：将下载好的Xposed安装包拖入到Android模拟器中，进行安装。

   

   安装/更新Xposed框架：打开Xposed Installer，选择“安装/更新”的最新版，然后点“安装”会自动下载刷入。

   
   

   安装Xposed webview debugging模块：打开Xposed界面中点击左上角的三条横杠，选择模块，然后启用需激活模块的复选框，正常重启后即可使用。

   

   如果手机中没有安装WebViewDebugHook模块或没有任何模块，可以在Xposed中进行下载安装WebViewDebugHook模块。

   

3. HTTP/1.1 404 Not Found和空白页问题

   在chrome://inspect/#devices中点击inspect出现的窗口中，界面可能出现HTTP/1.1 404 Not Found或者是空白页的现象。

   原因：由于无法访问

   https://chrome-devtools-frontend.appspot.com
   ，就会出现HTTP/1.1 404 Not Found或者空白页面的现象。

   解决方案：推荐使用VPN，或者下载一个可FQ的谷歌浏览器使用即可。网上还有其他如下载devtools的离线开发者调试工具包、修改网络连接和hosts文件、使用第三方的chromium内核的浏览器等方法，但可能效果不一。

   
   

五、补充：安卓模拟器打开开发者选项

1. 打开手机的“设置”，进入到“设置”页面。
2. 滑到“设置”页面的最下端，找到“关于手机”，进入到“关于手机”页面。
3. 找到“版本号”，连续点击，直到弹出提示次数为0后结束点击。
4. 返回“设置”界面，开发者选项就出来了。

通过以上介绍，相信你已经对Chrome Inspect定位工具有了全面的了解。在实际使用中，如果遇到问题，可以参考上述解决方案进行排查和处理。同时，也可以查阅更多相关资料和视频教学，以提升自己的技能水平。