前言

前段时间刚开源了一款支持HarmonyOS NEXT系统的无侵入式 UI 自动化框架 hmdriver2，很多小伙伴问我配套的 UI Inspector 工具是否也在计划中，因为目前市面上还没有一款支持HarmonyOS NEXT系统的 UI Inspector 工具。

接到大家的需求，我火速开发，今天正式发布了，欢迎大家使用。代码已开源，欢迎提 PR 和 issue，点一波 Star ⭐️

https://github.com/codematrixer/ui-viewer

功能介绍

它是一个 UI 控件树层级和属性查看工具，支持如下功能

• 支持HarmonyOS NEXT， Android, iOS 系统
• 通过截图和树形结构可视化 UI 层次结构
• 查看元素属性
• 自动生成 XPath 或 XPathLite
• 自动生成坐标百分比
• and more...

安装

• python3.8+

pip3 install -U uiviewer

使用

在终端运行如下命令，即可启动服务 (默认端口 8000)

uiviewer
# or
python3 -m uiviewer

INFO:     Started server process [46814]
INFO:     Waiting for application startup.
INFO:     Application startup complete.
INFO:     Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
INFO:     127.0.0.1:55080 - "GET / HTTP/1.1" 307 Temporary Redirect
INFO:     127.0.0.1:55080 - "GET /static/index.html HTTP/1.1" 200 OK
INFO:     127.0.0.1:55080 - "GET /static/css/style.css HTTP/1.1" 200 OK
INFO:     127.0.0.1:55080 - "GET /static/js/index.js HTTP/1.1" 200 OK
INFO:     127.0.0.1:55080 - "GET /static/js/api.js HTTP/1.1" 200 OK
INFO:     127.0.0.1:55082 - "GET /static/js/utils.js HTTP/1.1" 200 OK
INFO:     127.0.0.1:55082 - "GET /static/js/config.js HTTP/1.1" 200 OK
INFO:     127.0.0.1:55082 - "GET /version HTTP/1.1" 200 OK

终端输出上述日志后，会自动拉起浏览器打开网页 http://localhost:8000

你也可以自定义一个端口来启动服务

uiviewer -p <PORT>
# or
python3 -m uiviewer -p <PORT>

详细使用我就不介绍了，相信大家之前都用过类似的工具，这里就不赘述了，有问题可以 github 里 issue 我。

参考

https://github.com/alibaba/web-editor
https://github.com/codeskyblue/uiautodev