仅 2.8M，基于 hermit 自身 API + H5 canvas 实现谷歌 UI automator viewer 功能

[Austin2035]

仅 2.8M ，基于 hermit API + canvas 实现 UI automator viewer 功能

众所周知，hermit，是一款支持多种编程语言使用的轻量级（目前仅 2.78MB ）安卓软件。支持快速的点击、滑动、读取与设置剪切板（支持任意语言）、模拟输入、寻找控件并点击等功能。

而距离我前几天开源 hermit 不久，如题，今日又支持了可视化布局范围分析，这无疑又为安卓自动化测试增加了一个利器😂。

原理： 通过 hermit api 提供的截图信息与布局信息，使用 HTML5 canvas 在界面截图上绘制界面布局信息，并具备可交互功能。

1. 下载并安装

hermit 的国内下载地址： https://www.lookcos.cn/wp-ext/hermit.zip

Github https://github.com/LookCos/hermit （如果你觉得不错，或许可以帮忙给颗 star ）

2. 打开浏览器 访问 设备 ip:9999/viewer

http://192.168.1.72:9999/viewer

设备切换界面之后，我们刷新网页即可

说明：

右侧详细的信息，例如resource-id、content-desc、text等，方便我们定位，从而进行点击、模拟输入等操作。

分析器有一个可选缩放参数s，默认为 0.5 , 想要再大一点，可以这样 http://192.168.1.72:9999/viewer?s=0.6 推荐范围，0.4~0.6，在左侧交互界面高度不超过浏览器的情况下，可以适当调大，增加清晰度。 但是如果调整太大，例如网页右侧出现了滚动条，这时，如果滚动网页，会影响右侧信息的准确显示。

改进

目前该功能中截图依赖于 root 方式，第一次使用会主动申请 root 权限，但解决方案已经想到了。 Android 6.0 以下，会继续使用 root 的方式，因为这些设备 root 方便，模拟器也都自带。

Android 9.0 及以上，会使用无障碍的方式实现截图，快捷方便。

其他请转至 Github

您的支持，是我创作的动力，如果你觉得不错，可以帮忙给颗 star，Github https://github.com/LookCos/hermit