2.8M 用hermit API + canvas 实现Android activity 安卓 页面布局分析

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

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

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

1. 下载并安装 （如果下载最新版，请转移到GitHub）

hermit的国内下载地址：https://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