已開源！一款支援鴻蒙 NEXT Android iOS 的 UI 控制元件檢視器.md

前言

前段時間剛開源了一款支援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