前言:
App Inspector:浏覽器端的移動裝置 UI 檢視器,使用樹狀态結構檢視 UI 布局,自動生成 XPaths
官網:https://macacajs.github.io/app-inspector/cn/
本次教程僅支援Android,windows
環境安裝:
1、安裝
Node.js http://nodejs.cn/手動安裝
注意:(version >= v7.x)
2、安裝macaca
執行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
執行cmd指令:npm install app-inspector -g
6、macaca環境檢查
執行cmd指令:macaca doctor,可以檢查環境是否配置成功。
如下圖所示則表示環境均配置正常,如果有标紅提示,則點選
環境部署詳情,進行部署。
使用教程:
1、擷取裝置ID
>>adb devices -l
2、從指令行啟動
>> app-inspector -u DEVICE-ID (上一步擷取的裝置ID号)
3、chrome浏覽器自動打開位址:http://192.168.21.101:5678/ (推薦用 Chrome 浏覽器)
4、點選頁面元素,即可擷取
resource-id和
xpath5、若切換頁面,需現在手機上切換,然後重新整理浏覽器,則擷取手機的最新頁面。
我遇到的坑:
Android SDK無法更新:
解決辦法:請設定tools-option,網址:mirrors.neusoft.edu.cn,端口:80
以上
作者:
擱淺出處:
http://www.cnblogs.com/xiaoxi-3-/如果對您有幫助,請關注我的同名簡書:
https://www.jianshu.com/u/da1677475c27本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接,否則保留追究法律責任的權利。