前言:
App Inspector:瀏覽器端的移動設備 UI 查看器愿棋,使用樹狀態(tài)結(jié)構(gòu)查看 UI 布局蟀拷,自動生成 XPaths
官網(wǎng):https://macacajs.github.io/app-inspector/cn/
本次教程僅支持Android拙绊,windows
環(huán)境安裝:
1拣播、安裝Node.js
注意:(version >= v7.x)
2途茫、安裝macaca
執(zhí)行cmd命令:npm i -g macaca-cli
如果看到如下可愛的圖案,那恭喜你安裝成功啦灵寺!重新安裝則會覆蓋更新曼库。
3区岗、安裝 JDK略板,要求 1.8 或更高版本
4、安裝 Android SDK?
Build-tools 25.0.2慈缔、Android Support Repository(此處注意Build-tools應和API相互對應)
5叮称、安裝app-inspector
執(zhí)行cmd命令:npm install app-inspector -g
6、macaca環(huán)境檢查
執(zhí)行cmd命令:macaca doctor藐鹤,可以檢查環(huán)境是否配置成功瓤檐。
如下圖所示則表示環(huán)境均配置正常,如果有標紅提示娱节,則點擊環(huán)境部署詳情挠蛉,進行部署。
使用教程:
1肄满、獲取設備ID
>>adb devices -l
2谴古、從命令行啟動
>> app-inspector -u DEVICE-ID (上一步獲取的設備ID號)
3、chrome瀏覽器自動打開地址:http://192.168.21.101:5678/ (推薦用 Chrome 瀏覽器)
4稠歉、點擊頁面元素掰担,即可獲取resource-id和xpath
5、若切換頁面怒炸,需現(xiàn)在手機上切換带饱,然后刷新瀏覽器,則獲取手機的最新頁面阅羹。
我遇到的坑:
Android SDK無法更新:
解決辦法:請設置tools-option勺疼,網(wǎng)址:mirrors.neusoft.edu.cn,端口:80
以上