Macaca之App Inspector使用简介

在没有用Appium_Desktop之前，使用App Inspector来对appium进行UI测试。

App Inspector

浏览器端的移动设备 UI 查看器

使用树状态结构查看 UI 布局，自动生成 XPath

环境需要

要安装 app-inspector, 你需要首先安装 Node.js。 国内用户可以安装 cnpm 加快 NPM 模块安装速度。

另外，推荐安装 macaca-cli.

$ npm install macaca-cli -g

你需要准备好你需要进行查看的移动平台的环境。

Android 请安装 Android SDK，iOS 安装 Xcode.

然后使用 macaca 命令行工具检测环境是否准备好。

$ macaca doctor

如果你看到一堆绿色的文字输出了，说明你的这个环境是 OK 的。然后你就可以安装使用 app-inspector。

安装

$ npm install app-inspector -g

使用

从命令行启动

$ app-inspector -u YOUR-DEVICE-ID

关于如何获取设备 ID，请查看 获取设备 ID 部分。

打开界面

你的命令行将输出如下的文字：

inspector start at: http://192.168.10.100:5678[/code] 
然后在浏览器里面打开输出的链接：
http://192.168.10.100:5678
。

推荐用 Chrome 浏览器。

获取设备 ID
iOS
命令行方式

$ xcrun simctl list


这行命令会列出你的所以模拟器信息，里面有类似 XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX 的代码，就是模拟器 UDID。

从 Xcode 获取

打开模拟器，从菜单中打开 
Hardware - devices - manage devices
。 然后你会看到模拟器信息界面，里面有个 identifier，就是 UDID。

Android
从命令行

先启动你的设备，然后使用 adb 命令查看设备信息：

$ adb devices
123ABCDEFG  device
192.168.0.100:5555  device


iOS 真机问题
$ DEVELOPMENT_TEAM_ID=TEAM_ID npm i app-inspector -g