AppInspector-iOS真機功能詳解
前言:
App Inspector:瀏覽器端的移動裝置 UI 檢視器,使用樹狀態結構檢視 UI 佈局,自動生成 XPaths。官網:https://macacajs.github.io/app-inspector/cn/
本次教程僅支援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、若切換頁面,需現在手機上切換,然後重新整理瀏覽器,則獲取手機的最新頁面。
以上~
相關文章
- 交換機的作用、功能和工作原理詳解
- iptables 功能詳解
- 詳解H3C交換機“埠安全”功能
- Oralce OMF 功能詳解
- /etc/fstab功能詳解
- 核心交換機的TRUNK配置功能詳細講解(轉)
- Hive的Transform功能詳解HiveORM
- PS濾鏡功能詳解
- Nginx高階功能詳解Nginx
- ios 利用Reveal來除錯介面2--真機除錯(步驟詳解)iOS除錯
- JavaScript快速排序功能詳解JavaScript排序
- CEPH-3:cephfs功能詳解
- Python 日誌功能詳解Python
- 純真QQIP庫匯入到SQL Server詳解SQLServer
- ununtu eclipse不識別真機 解決Eclipse
- 海報分享功能實現詳解
- Angular 6釋出,新功能詳解Angular
- STM32 串列埠功能詳解串列埠
- 詳解 Qt 呼叫 DLL功能函式QT函式
- oracle 資料庫ASM功能詳解Oracle資料庫ASM
- Session機制詳解Session
- AsyncTask機制詳解
- 狩獵者夾子機器人系統開發功能模式詳解機器人模式
- OPPO R15異型全面屏真機圖賞 OPPO R15引數詳解
- 蘋果iPhone X引數詳解與真機圖賞 iPhone X引數配置怎麼樣蘋果iPhone
- Flutter 找不到iPhone真機的解決方法(macOS)FlutteriPhoneMac
- 再也不用擔心問RecycleView了——面試真題詳解View面試
- 純真QQIP庫匯入到SQL Server例項詳解SQLServer
- PHP7 新增功能詳解(例項)PHP
- 影視APP開發基礎功能詳解APP
- Vivado使用技巧(20):Waveform功能詳解ORM
- ABAQUS 2022新增功能詳解
- Linux mv命令格式及功能詳解!Linux
- Modbus常用功能碼協議詳解協議
- javascript實現的非同步功能詳解JavaScript非同步
- Nginx代理功能與負載均衡詳解Nginx負載
- R/3 功能詳解----財務會計
- 核心交換機的TRUNK配置功能詳細講解 ( 到底什麼是TRUNK呢?)