App Inspector-iOS真机功能详解

前言：

App Inspector：浏览器端的移动设备 UI 查看器，使用树状态结构查看 UI 布局，自动生成 XPaths。官网：https://macacajs.github.io/app-inspector/cn/

---

本次教程仅支持iOS，Mac

---

1、环境安装：

一、安装Node.js

brew install node

二、安装macaca

npm i -g macaca-cli

三、安装 ideviceinstaller 

brew install ideviceinstaller

四、安装 usbmuxd

brew install usbmuxd

五、安装iOS驱动

npm i macaca-ios -g

六、安装App Inspector

npm install app-inspector -g

---

2、安装XCTestWD

一、进入App Inspector安装目录下XCTestWD文件夹，具体路径参照本身的路径，能够经过find命令查找。

cd /usr/local/lib/node_modules/app-inspector/node_modules/xctestwd/XCTestWD

二、用xcode打开XCTestWD.xcodeproj文件

三、每一个文件修改Bundle id和添加Team，请按下图操做步骤更改。Bundle id可自定义。四、项目文件直接编译，test结尾的文件build for Testing。编译成功便可。

---

3、将 TEAM_ID 经过环境变量传入覆盖安装App Inspector、iOS驱动

一、获取你的TEAM_ID ，见下图。
二、覆盖安装iOS驱动

DEVELOPMENT_TEAM_ID=TEAM_ID npm i macaca-ios -g

3 、覆盖安装App Inspector

DEVELOPMENT_TEAM_ID=TEAM_ID npm install app-inspector -g

---

4、使用App Inspector
一、获取测试机uuid，并执行如下命令：

app-inspector -u DEVICE-ID

二、chrome浏览器自动打开地址：http://192.168.21.101:5678/ （推荐用 Chrome 浏览器）
三、点击页面元素，便可获取元素xpath,name
四、若切换页面，需如今手机上切换，而后刷新浏览器，则获取手机的最新页面。

---

以上～