Macaca app inspector-ios真机设备UI查看器
前言:
App Inspector:浏览器端的移动设备 UI 查看器,使用树状态结构查看 UI 布局,自动生成 XPaths。官网:https://macacajs.github.io/app-inspector/cn/
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。本次教程仅支持iOS,Mac
一、环境安装:
1、安装Node.js
brew install node
2、安装macaca
npm i -g macaca-cli
3、安装 ideviceinstaller
brew install ideviceinstaller
4、安装 usbmuxd
brew install usbmuxd
5、安装iOS驱动
npm i macaca-ios -g
6、安装App Inspector
npm install app-inspector -g
二、安装XCTestWD
1、进入App Inspector安装目录下XCTestWD文件夹,具体路径参照自己的路径,可以通过find命令查找。
cd /usr/local/lib/node_modules/app-inspector/node_modules/xctestwd/XCTestWD
2、用xcode打开XCTestWD.xcodeproj文件

3、每个文件修改Bundle id和添加Team,请按下图操作步骤更改。Bundle id可自定义。





4、项目文件直接编译,test结尾的文件build for Testing。编译成功即可。
三、将 TEAM_ID 通过环境变量传入覆盖安装App Inspector、iOS驱动
1、获取你的TEAM_ID ,见下图。

2、覆盖安装iOS驱动
DEVELOPMENT_TEAM_ID=TEAM_ID npm i macaca-ios -g
3 、覆盖安装App Inspector
DEVELOPMENT_TEAM_ID=TEAM_ID npm install app-inspector -g
四、使用App Inspector
1、获取测试机uuid,并执行以下命令:
app-inspector -u DEVICE-ID
2、chrome浏览器自动打开地址:http://192.168.21.101:5678/ (推荐用 Chrome 浏览器)

3、点击页面元素,即可获取元素xpath,name
4、若切换页面,需现在手机上切换,然后刷新浏览器,则获取手机的最新页面。
来自 :https://www.jianshu.com/p/2ec6f0a1f45a
