『与善仁』Appium基础 — 21、元素定位工具之Chrome Inspect

@[toc ]

（三）Chrome Inspect定位工具

1、Chrome Inspect介绍

Chrome Inspect定位工具是用来抓取app中Webview页面的。

为了项目的需求，为了更好的保证效果和布局跨平台，Android&H5混合开发一般是我们不错的选择。Google浏览器中的Chrome Inspect定位工具，提供了一个移动端Web页面开发调试的功能，通过它我们可以调试手机页面，可以看到页面的源码，从而进行元素的定位。

使用Chrome Inspect定位工具的前提条件

使用Chrome开发人员工具调试原生Android应用中的WebView，Android版本应该在Android4.4（KitKat）或更高版本上，通过DevTools在原生Android应用中调试WebView页面中的内容。

2、Chrome Inspect打开方式

打开PC端的Chrome浏览器，在访问地址栏中输入chrome://inspect/就可以了，就是这么简单。

如下图：

3、Chrome Inspect工具的使用

（1）Chrome Inspect工作前提

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

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

  cmd进入命令行终端，
  输入adb connect 127.0.0.1:21503链接逍遥模拟器，
  输入adb devices能够获取设备名称。

（2）Chrome Inspect操作

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

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

如下图：