天天看點

App Inspector 功能詳解前言:環境安裝:使用教程:

前言:

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

如果看到如下可愛的圖案,那恭喜你安裝成功啦!重新安裝則會覆寫更新。

App Inspector 功能詳解前言:環境安裝:使用教程:

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,可以檢查環境是否配置成功。

如下圖所示則表示環境均配置正常,如果有标紅提示,則點選

環境部署詳情

,進行部署。

App Inspector 功能詳解前言:環境安裝:使用教程:

使用教程:

1、擷取裝置ID

>>adb devices -l

App Inspector 功能詳解前言:環境安裝:使用教程:

2、從指令行啟動

>> app-inspector -u DEVICE-ID (上一步擷取的裝置ID号)

App Inspector 功能詳解前言:環境安裝:使用教程:

3、chrome浏覽器自動打開位址:http://192.168.21.101:5678/ (推薦用 Chrome 浏覽器)

App Inspector 功能詳解前言:環境安裝:使用教程:

4、點選頁面元素,即可擷取

resource-id

xpath
App Inspector 功能詳解前言:環境安裝:使用教程:

5、若切換頁面,需現在手機上切換,然後重新整理浏覽器,則擷取手機的最新頁面。

App Inspector 功能詳解前言:環境安裝:使用教程:

我遇到的坑:

Android SDK無法更新:

解決辦法:請設定tools-option,網址:mirrors.neusoft.edu.cn,端口:80

以上

作者:

擱淺

出處:

http://www.cnblogs.com/xiaoxi-3-/

如果對您有幫助,請關注我的同名簡書:

https://www.jianshu.com/u/da1677475c27

本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接,否則保留追究法律責任的權利。