Macaca App inspector

简介:

为方便更多用户查找界面元素,提供了同时支持 Android 和 iOS 平台的 Inspector 工具,此功能也是 Macaca 录制器的重要部分。另外,Web 元素查找请直接只用 chrome-inspector

Android


iOS


安装

要安装app-inspector,你需要首先安装Node.js。国内用户可以安装cnpm加快NPM模块安装速度。(切换阿里云镜像)
推荐安装macaca-cli
$ npm install macaca-cli -g
你需要准备好你需要进行查看的移动平台的环境。Android 请安装Android SDK,iOS 安装Xcode。 
然后使用macaca命令行工具检测环境是否准备好。
$ macaca doctor
如果你看到一堆绿色的文字输出了,说明你的这个环境是OK 的。然后你就可以安装使用app-inspector。
app-inspector安装
$ npm install app-inspector -g
从命令行启动

用法

查看手机devices
$ adb devices
$ app-inspector -u YOUR-DEVICE-ID
关于如何获取设备ID,请查看获取设备ID 部分。
你的命令行将输出如下的文字
inspector start at: http://192.168..:5678**
然后在浏览器里面打开输出的链接http://192.168..:5678。推荐用Chrome浏览器。

更多用法和信息请参考 Macaca 文档

相关文章
|
Web App开发 iOS开发 JavaScript
App Inspector-iOS真机功能详解
前言: App Inspector:浏览器端的移动设备 UI 查看器,使用树状态结构查看 UI 布局,自动生成 XPaths。官网:https://macacajs.
1921 0
|
Web App开发 macaca Android开发
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 如果看到如下可爱的图案,那恭喜你安装成功啦!重新安装则会覆盖更新。
1710 0
|
14天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
201 7
|
13天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
261 1
|
14天前
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
35 9
|
17天前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
102 1
|
18天前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
263 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
23天前
|
JavaScript 前端开发 小程序
uniapp一个人开发APP关键步骤和考虑因素
uniapp一个人开发APP关键步骤和考虑因素
83 1
uniapp一个人开发APP关键步骤和考虑因素
|
2月前
|
移动开发 Android开发 数据安全/隐私保护
移动应用与系统的技术演进:从开发到操作系统的全景解析随着智能手机和平板电脑的普及,移动应用(App)已成为人们日常生活中不可或缺的一部分。无论是社交、娱乐、购物还是办公,移动应用都扮演着重要的角色。而支撑这些应用运行的,正是功能强大且复杂的移动操作系统。本文将深入探讨移动应用的开发过程及其背后的操作系统机制,揭示这一领域的技术演进。
本文旨在提供关于移动应用与系统技术的全面概述,涵盖移动应用的开发生命周期、主要移动操作系统的特点以及它们之间的竞争关系。我们将探讨如何高效地开发移动应用,并分析iOS和Android两大主流操作系统的技术优势与局限。同时,本文还将讨论跨平台解决方案的兴起及其对移动开发领域的影响。通过这篇技术性文章,读者将获得对移动应用开发及操作系统深层理解的钥匙。
|
6天前
|
NoSQL PHP Redis
布谷语音app源码服务器环境配置及技术开发语言
布谷语音app源码服务器环境配置及技术语言研发。。