『与善仁』Appium基础 — 18、元素定位工具（二）

目录

• 1、Appium Inspector介绍
• 2、Appium Inspector打开方式
• 3、Appium Inspector布局介绍
• 4、Appium Inspector工具的配置
• 5、Appium Inspector工具的使用
• 6、UIAutomatorviewer工具和Appium Inspector工具对比

APP中的元素定位工具大致有三种：

• uiautomatorviewer工具
• Appium Inspector工具
• Chrome Inspect工具

提示：本篇文章介绍Appium Inspector工具。

1、Appium Inspector介绍

之前我们说过Appium Server有两种启动方式，

• 一种是Appium Desktop有图形界面的启动方式，称之为桌面版；
• 另一种版本是通过npm安装，使用命令行参数启动的Appium Server。

而Appium Inspector工具就在Appium Desktop中，Appium Inspector是Appium Desktop附带的一个元素定位检查器，用来调试定位应用程序很方便。

Appium Inspector工具同时支持Android系统和IOS系统中原生界面的元素定位。

2、Appium Inspector打开方式

Appium Desktop安装完成之后，双击打开。

说明：界面有 3 个 Tab 选项

• Simple：默认配置，监听本机 4723 端口；
• Advanced：高级设置，可以自定义Appium server端的配置，配置好后可以保存到Presets；
• Presets：修改Advanced高级设置中的配置项。

一般我们测试直接使用Simple即可，点击 Start Server 按钮，启动Appium server，并开启监听本机 4723端口。

开启服务后，界面跳转到服务端控制台，如下图所示：

提示：

控制台显示运行的脚本中的日志信息，右上角有 3 个按钮，分别是：

• 第一个按钮 Start Inspector Session，开启Appium Inspector定位工具；
  
  注意：inspector会新开一个Session；
• 第二个按钮Get Raws Logs，下载当前控制台中的log信息；
• 第三个按钮Stop Server，关闭当前的Appium server。

有两种方式可以开启Appium Inspector工具，

• 方式一：点击右上角三个按钮中的第一个（一个放大镜样子的按钮），打开Appium Inspector工具。
• 方式二：点击左上角File-->New Session Window... Ctrl+N也可以打开Appium Inspector工具。

如下图：

Appium Inspector工具开启后的界面如下图：

3、Appium Inspector布局介绍

Appium Inspector布局如下图所示：

上图说明：

1. 布局1是Appium Inspector服务的设置。
   
   Automatic Server ：自动服务器。
   
   Custom Server ：定制服务器。
   
   Select Cloud Providers ：选择云提供商。
   
   我们一般使用Automatic Server即可：
   
   Will use currently-running Appium Desktop server http://localhost:4723
   
   将使用当前运行的Appium桌面服务器http://localhost:4723。
2. 布局2是高级设置。
   
   可以设置：
   
   Allow Unauthorized Certificates：允许未经授权的证书。
   
   Use Proxy：使用代理服务器。
   
   初学一般我们不进行高级设置。
3. 布局3是Desired Capabilities参数设置。
   
   Desired Capabilities： 编写Desired Capabilities参数。
   
   Saved Capability Sets：已保存的Desired Capabilities，可以进行查看和修改。
   
   Attach to Session...：附加到会话...（用到的时候在说）

4、Appium Inspector工具的配置

1）Appium Inspector工具使用前提

• 打开Appium Desktop，开启Appium Inspector工具。
• 所测试设备是开机状态（手机或者模拟器）。
• 确保电脑与设备是链接状态，也就是
  
  cmd进入命令行终端，
  
  输入adb connect 127.0.0.1:21503链接逍遥模拟器，
  
  输入adb devices能够获取设备名称。

2）Appium Inspector的服务器设置和高级设置

• 服务器设置：选择Automatic Server（一定要记得点击一下，进行选中）
• 高级设置：不进行设置

3）编写Desired Capabilities参数（重点）

可以在左侧一行一行手动添加，如下图所示：

提示：第二列的格式是针对第三列value值而言的。

也可以把Json格式的数据编辑好，直接粘贴在右侧JSON Representation里。

直接把Json格式的数据直接粘贴过来。

点击保存之后，数据会同步到左侧，如下图所示：

4）保存Desired Capabilities参数

如有需要，在编辑完成Desired Capabilities参数之后，可以对其进行保存，方便以后的管理和使用。

5）查看和修改已存储的Desired Capabilities

点击Saved Capability Sets标签页，可以查看和修改已存储的Desired Capabilities。

6）开启Session，连接手机获取手机界面

点击Start Session，开启使用Appium Inspector工具。

如下图所示：

说明：

• Appium Inspector需要我们手动创建一个session，其实也就是一个客户端，和Appium server连接，并且需要在Desired Capabilities里面填入一些参数。
• 所需功能是在Desired Capabilities对象中编码的键和值，当请求新的自动化会话时，由Appium客户端发送到Appium Server服务器。Desired Capabilities告诉Appium驱动程序有关您希望测试如何工作的各种重要信息。最终Desired Capabilities将作为JSON对象发送到Appium。
• 所需功能的Desired Capabilities对象可以在WebDriver测试中编写脚本，也可以在Appium Server GUI中设置（通过Inspector会话中，就是上边的介绍方式）。

提示：

当Appium Inspector能够不能抓取手机屏幕时，可以关闭和重启adb服务，或者重启Appium Inspector服务。

命令如下：

• adb kill-server
• adb start-server

5、Appium Inspector工具的使用

（1）Inspector 定位控件界面的详细介绍

上图说明：

• 布局1：截图的手机界面
  
  可以点击选择元素。
• 布局2：顶部操作栏
  
  从左往右的按钮依次是
  
  Select Element：选择元素。
  
  Swipe By Coordinates：选择滑动的起始和结束位置。
  
  Tap By Coordinates：使得手机界面变换可操作状态，可以点击界面的元素。
  
  Back：模拟Android的返回键。
  
  Refresh Source & Screenshot：刷新页面，用来重新获取手机当前界面。
  
  Start Recording：录制操作。
  
  Search for element：校验定位表达式。
  
  Copy XML Source to Clipboard：复制XML树。
  
  Quit Session & Close Inspector：退出当前Session。
• 布局3：XML树
  
  以XML树的形式，展示界面上的控件布局。
• 布局4：控件属性区域
  
  选择某个控件，在这里可以显示该控件的所有属性和值。

（2）Selected Element 的介绍

选择元素功能：

1）顶部的Tap、Send Keys、Clear

模拟用户的操作：

• tap：相当于点击该元素。
• send keys：输入值，针对输入框的操作。
• clear：清空所有值。

建议：不建议用这些操作，因为很容易造成断开连接（左侧界面一直loading）....反正我这边经常这样，如果不会的话当然最好用啦！

2）Find By xpath

提供了该元素的XPATH表达式

不推荐用，绝对路径太长了..........还是自己写吧！

3）那串黄色背景色的英文

不建议使用XPath定位器，因为它很脆弱，建议让开发团队提供独特的可访问性定位器（即：resource-id）

4）Attribute - Value

属性列表。

（3）Search for element 的介绍

搜索元素功能，位置如下图：

点击弹出如下界面：

选择定位策略，如下图：

填写对应的定位表达式，如下图：

点击Search就可以进行元素定位了。

如果能找到Elements的话表达式就是正确的，然后你还可以针对该元素进行一些操作。

（4）在Appium Inspector中操作手机

当我们使用Appium Inspector定位工具获取到手机设置APP界面的时候，如下图：

点击顶部操作栏中的Tap By Coordinates按钮，使得手机界面变换可操作状态。

然后我们在左侧的手机界面中点击显示，就可以进入到显示的界面中了。

进入到显示之后，现在我们还是保持在可操作手机的状态。

之后我们就可以继续操作手机，也可以点击Select Element按钮，在当前页面中进行选择的元素。

我们也可以点击Back按钮，返回到设置APP的首界面。

提示：这一点Appium Inspector定位工具就比uiautomatorviewer定位工具方便多了。

（5）Start Recording 的介绍（了解）

• 操作步骤：点击开始录制之后，再点击Tap By Coordinates，进入界面可操作状态。
• 然后就可以开始点击你想要的元素了，这个时候就开始录制了。
• 最后在Recorder下面会显示对应的代码，右侧可以选择不同的语言。
• 建议：不要过多使用该功能，可以看到录制的代码是根据坐标去定位元素的，换个手机同一个元素坐标可能就不同了，可移植性不高。

6、UIAutomatorviewer工具和Appium Inspector工具对比

（1）UIAutomatorviewer 的局限性：

1. 不能校验我们写的定位表达式是否正确定位到控件（类似浏览器上的F12）。
2. 连接不够稳定。
3. 不能模拟用户动作。

（2）Appium Desktop的Inspector的优势：

1. 可以校验定位表达式（如：XPATH表达式）。
2. 通过设置Desired Capabilities来连接手机，比较稳定。
3. 可以模拟用户动作（如：点击，返回，滑动等操作）。
4. 可以录制一系列操作，然后转换成代码。

提示：

学习或者编写脚本过程中，使用桌面版会方便一些，因为桌面版还提供了定位工具。

而实际运行的时候，使用Server版本会更灵活、更容易与CI工具进行集成。

说明：

我们先介绍Appium Inspector工具的使用，关于如何定位页面中的元素，之后的文章会详细说明。

参考：

• https://www.jianshu.com/p/c8b8fa0fadf9
• https://www.cnblogs.com/poloyy/p/12918402.html