基于Macaca的混合H5应用UI自动化进阶
# 基于Macaca的混合H5应用UI自动化进阶
混合H5应用UI自动化是移动应用自动化中无法绕过的一节，针对混合H5应用的UI自动化入门之前已经写过一篇文章：[https://testerhome.com/topics/9651](https://testerhome.com/topics/9651) ，入门的同学可移步学习。本文主要针对H5应用UI自动化高级使用进行一些分享。
## 如何定
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
如果看到如下可爱的图案，那恭喜你安装成功啦！重新安装则会覆盖更新。
UI Recorder 安装教程（二）
前言：
UI Recorder支持无线native app(Android, iOS)录制, 基于macaca实现:https://macacajs.com/
本次教程只针对无线native app(Android)，仍然是windows系统
步骤一：全局安装macaca
执行cmd命令：npm i -g macaca-cli
如果看到如下可爱的图案，那恭喜你安装成功啦！重新安装则会覆盖更新。
Macaca初体验-PC端（Python）
前言：
Macaca 是一套面向用户端软件的测试解决方案，提供了自动化驱动，周边工具，集成方案。由阿里巴巴公司开源：http://macacajs.github.io/macaca/
特点：
同时支持PC端和移动端（Android、iOS）自动化测试。
从无到有搭建Macaca环境(for Mac)
官方环境配置教程：[https://macacajs.com/environment-setup](https://macacajs.com/environment-setup)
Macaca官方提供了环境配置指南(地址如上)，但官方文档中多处是针对有相应开发经验的同学介绍，对于新手来讲入门成本较高，且我们在实践中也常会遇到一些问题，导致环境配置受阻，本文基于笔者配置中的经验，总结了配置过