图解App Inspector 安装和使用

 时间:2024-10-14 07:32:35

App Inspector是浏览器端的移动设备 UI 查看器,使用树状态结构查看 UI 布局,自动生成 XPaths,本篇经验将介绍App Inspector 安装和使用,希望对大家的工作和学习有所帮助!

环境安装

1、安装Node.js到nodejs.cn这个官网上下载并手动安装。注意:(version >= v7.x)

2、安装macaca执行cmd命令:npm i -g macaca-cli如果看到如下可爱的图案,那恭喜你安装成功啦!重新安装则会覆盖更新。

图解App Inspector 安装和使用

3、安装 JDK,要求 1.8 或更高版本。

4、安装 Android SDKBuild-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 安装和使用

问题及解决办法

1、Android SDK无法更新:解决办法:请设置tools-option,网址:mirrors.neusoft.edu.cn,端口:80

  • 易语言2个组合框如何联动
  • linux下导入软件源和公钥
  • Android 开发之快速实现一个简单Web浏览器
  • Ubuntu 16.04 点击启动器图标让程序窗口最小化
  • Windows批处理脚本如何获取vbs程序的返回值
  • 热门搜索
    牙痛怎么快速止痛药 红色警戒怎么玩 施工图纸怎么看 羞愧近义词 抖音怎么投屏到电视 星海钢琴怎么样 河南博物馆 烫头发型 温柔的近义词 上海海洋大学怎么样