inspect

『与善仁』Appium基础—Inspect定位⼯具

1、ChromeInspect介绍

ChromeInspect

定位⼯具是⽤来抓取app中Webview页⾯的。

为了项⽬的需求，为了更好的保证效果和布局跨平台，Android&H5混合开发⼀般是我们不错的选择。Google浏览器中的

ChromeInspect

定位⼯

具，提供了⼀个移动端Web页⾯开发调试的功能，通过它我们可以调试⼿机页⾯，可以看到页⾯的源码，从⽽进⾏元素的定位。

使⽤

ChromeInspect

定位⼯具的前提条件

使⽤Chrome开发⼈员⼯具调试原⽣Android应⽤中的WebView，Android版本应该在Android4.4（KitKat）或更⾼版本上，通过DevTools在

原⽣Android应⽤中调试WebView页⾯中的内容。

2、ChromeInspect打开⽅式

打开PC端的Chrome浏览器，在访问地址栏中输⼊

chrome://inspect/

就可以了，就是这么简单。

如下图：

3、ChromeInspect⼯具的使⽤

（1）ChromeInspec（1）ChromeInspect⼯作前提

所测试设备是开机状态（⼿机或者模拟器）。

确保电脑与设备是链接状态，也就是

cmd进⼊命令⾏终端，

输⼊

adbconnect127.0.0.1:21503

链接逍遥模拟器，

输⼊

adbdevices

能够获取设备名称。

（2）ChromeInspec（2）ChromeInspect操作

1）在APP中打开含有Webview的页⾯

例如：开百度APP，进⼊到微博登陆的界⾯就是⼀个含有Webview的页⾯。

如下图：

2）在ChromeInspect中识别到Webview页⾯

我们进⼊到PC端的Chrome浏览器中，访问地址栏中输⼊

chrome://inspect/

（没有显⽰的话就点击⼀下刷新），就可以检测到当前应⽤程序界⾯是

Webview页⾯了。

如下图：

3）点击inspect可以进⼊调试视图

点击如上图中的

inspect

，可以进⼊

ChromeInspect

⼯具的调试视图.

会弹出⼀个新窗⼝，显⽰当前页⾯的Webview元素信息。

并且元素定位⽅法同SeleniumWebDriver⼀致。

就是这么简单。

4、使⽤ChromeInspect遇到的问题

（1）Android系统版本

Android移动设备版本应该在Android4.4或更⾼版本上。

从Android4.4开始，webkit是⽀持远程调试的。

（2）所测App的debug模式要打开

在使⽤

ChromeInspect

⼯具调试移动端APP的Webview页⾯的时候，需要将该App的debug模式打开。

但其实⼤部分App的debug模式都是关闭的，要去找⼀个开启debug模式的版本还是⽐较⿇烦的。

因此需要使⽤借助第三⽅⼯具来强制开启任何App的Androidwebviewdebug模式，使之可以使⽤ChromeInspect。

⽽这个⼯具就是

Xpod

。

（3）Xpod⼯具的安装

1、将设备进⾏root

因为涉及到root权限，因此需要将设备进⾏root。

有很多⼯具可以来root，⽐如KingRoot等。

注：Android模拟器默认root。

2、下载Xpod框架

点击页⾯下⽅的

Showolderversions

，选择⼀个稳定版本进⾏下载。

3、安装Xpod框架

将下载好的Xpod安装包

ler_v32_

，直接拖⼊到Android模拟器中，进⾏安装。

安装好后如下图：

3、安装/更新Xpod框架

打开XpodInstaller，选择“安装/更新”的最新版，然后点“安装”会⾃动下载刷⼊。（过程可能会有⼀些慢）

安装界⾯

安装更新完成后的界⾯，如下图：

4、安装Xpodwebviewdebugging模块

打开Xpod界⾯中点击左上⾓的三条横杠，选择模块，然后启⽤需激活模块的复选框，正常重启后即可使⽤。

如果你的⼿机中没有安装WebViewDebugHook模块或者没有任何模块，如下图。

可以在Xpod中进⾏下载安装WebViewDebugHook模块。

然后按照上⾯的⽅式激活WebViewDebugHook模块即可。

（4）HTTP/1.1404NotFound和空⽩页问题

在

chrome://inspect/#devices

中点击

inspect

出现的窗⼝中，界⾯是出现

HTTP/1.1404NotFound

或者是空⽩页的现象。

如下图：

空⽩页

HTTP/1.1404NotFound

界⾯

原因：

例如上⾯的

@33f6ad690e178169a17596eeec8596751a696d1e

就是移动设备中浏览器的⼀个版本号，当你换⼀个⼿机或模拟器的时候，版本号可能

就不⼀样了。

⽹上找到如下三种解决⽅式：

⽅法⼀：下载devtools的inspect的离线开发者调试⼯具包。（花钱，没有免费的）

⽅法⼆：修改⽹络连接，修改hosts⽂件。

⽅法三：使⽤第三⽅的chromium内核的浏览器，如QQ浏览器。

（都不好使，⼤家也可以⾃⼰试试）

推荐使⽤VPN，或者下载⼀个可FQ的⾕歌浏览器⽤⼀下即可，不⽤的时候就关了。

（5）补充：安卓模拟器打开开发者选项

1.打开⼿机的“设置”，进⼊到“设置”页⾯；

2.滑到“设置”页⾯的最下端，找到“关于⼿机”，进⼊到“关于⼿机”页⾯；

3.找到“版本号”，连续点击。

4.会弹出⼀段⽂字提醒，直到提醒次数为0后，结束点击。

5.返回“设置”界⾯，开发者选项就出来了。