App Inspector 功能详解

简介: 前言:App Inspector:浏览器端的移动设备 UI 查看器,使用树状态结构查看 UI 布局,自动生成 XPaths官网:https://macacajs.github.io/app-inspector/cn/本次教程仅支持Android,windows环境安装:1、安装Node.jshttp://nodejs.cn/手动安装注意:(version >= v7.x)2、安装macaca执行cmd命令:npm i -g macaca-cli如果看到如下可爱的图案,那恭喜你安装成功啦!重新安装则会覆盖更新。

前言:

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-idxpath

5、若切换页面,需现在手机上切换,然后刷新浏览器,则获取手机的最新页面。


我遇到的坑:

Android SDK无法更新:

解决办法:请设置tools-option,网址:mirrors.neusoft.edu.cn,端口:80


以上

作者:搁浅
出处: http://www.cnblogs.com/xiaoxi-3-/
如果对您有帮助,请关注我的同名简书:https://www.jianshu.com/u/da1677475c27
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

目录
相关文章
|
2月前
uni-app 155朋友圈评论功能(二)
uni-app 155朋友圈评论功能(二)
42 0
|
2月前
uni-app 152朋友圈动态实时通知功能
uni-app 152朋友圈动态实时通知功能
22 0
|
2月前
uni-app 122转发功能实现(二)
uni-app 122转发功能实现(二)
24 0
|
2月前
uni-app 121转发功能实现(一)
uni-app 121转发功能实现(一)
18 0
|
2月前
uni-app 179转发名片功能
uni-app 179转发名片功能
22 1
|
2月前
uni-app 165查看聊天记录功能
uni-app 165查看聊天记录功能
19 1
|
2月前
uni-app 154朋友圈评论功能(一 )
uni-app 154朋友圈评论功能(一 )
17 0
|
2月前
uni-app 162初始化会话列表功能
uni-app 162初始化会话列表功能
15 0
|
2月前
uni-app 160提醒谁看功能
uni-app 160提醒谁看功能
12 0
|
2月前
|
存储 数据库
uni-app 156朋友圈评论表情包功能
uni-app 156朋友圈评论表情包功能
45 0