<h4 id="-2-8m-hermit-api-canvas-ui-automator-viewer-"></h4>
众所周知，hermit，是一款支持多种编程语言使用的轻量级（目前仅2.78MB）安卓操作软件。支持快速的点击、滑动、读取与设置剪切板（支持任意语言）、模拟输入、寻找控件并点击。

而距离我前几天开源hermit不久，如题，今日又支持了可视化布局范围分析。

原理： 通过hermit api提供的截图信息与布局信息，使用HTML5 canvas在界面截图上绘制界面布局信息，并具备可交互功能。
<h4 id="1-">1. 下载并安装 （如果下载最新版，请转移到GitHub）</h4>
hermit的国内下载地址：https://lookcos.cn/wp-ext/hermit.zip

Github https://github.com/LookCos/hermit （如果你觉得不错，或许可以帮忙给颗star）
<h4 id="2-ip-9999-viewer">2. 打开浏览器 访问 设备ip:9999/viewer</h4>
http://192.168.1.72:9999/viewer

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

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

分析器有一个可选缩放参数s，默认为0.5 , 想要再大一点，可以这样 http://192.168.1.72:9999/viewer?s=0.6
推荐范围，0.4~0.6 ，在左侧交互界面高度不超过浏览器的情况下，可以适当调大，增加清晰度。
但是如果调整太大，例如网页右侧出现了滚动条，这时，如果滚动网页，会影响右侧信息的准确显示。
<h4 id="-">改进</h4>
目前该功能中截图依赖于 root方式，第一次使用会主动申请root权限，但解决方案已经想到了。
Android 6.0 以下，会继续使用root的方式，因为这些设备root方便，模拟器也都自带。

Android 9.0及以上，会使用无障碍的方式实现截图，快捷方便。
<h4 id="-github">其他请转至Github</h4>
如果你觉得不错，可以帮忙给颗star ，Github https://github.com/LookCos/hermit