ATX 更好用的移动端 UI 元素查看器 uiautodev

codeskyblue · 2024年06月21日 · 最后由 zZzwen 回复于 2024年07月22日 · 9535 次阅读

背景

工欲善其事必先利其器,写移动端的自动化脚本也是如此。需要工具来帮助我们做 UI 元素属性查看和 xpath 的获取。然而现存的辅助工具都不太令人满意。最终在 2017 年 3 月的时候我写出来了weditor, 直到现在依然有很多人使用,但它依然有很多的问题,如老旧的架构,不合理的界面布局,报错信息不够详细,奇怪的用户交互逻辑。于是在 2024 年 2 月的时候,开始了uiautodev这个项目 (也可以理解为 weditor2.0) 。这个项目从头开始设计开发,新的 UI,更好的用户体验,以及更方便的代码结构好方便我维护。一起都是从实践中来到实践中去,开发的功能尽可能的把日常遇到的问题都涵盖了。
实现参考了 uiautomatorviwer、Ascript、appium desktop、SourceLabs Report、browserstack localDebug 等,以及 uiautodev qq 群中群友的建议。

使用方法

Demo 体验地址 https://uiauto.devsleep.com/demo/testerhome

客户端是用 Python 些的,依赖 Python3.8+

项目依赖 uiautomator2

pip3 install uiautodev -i https://pypi.doubanio.com/simple

命令行启动

uiautodev
# or: python3 -m uiautodev

命令行运行后,浏览器就会自动打开网页 https://uiauto.devsleep.com 如果没有打开也可以手动打开,浏览器兼容(Chrome,Edge)

特性

支持 Android、iOS

选择设备进入到 UI 查看界面,iOS 目前需要自行开启 WDA 服务。

这块 UI 参考了 browserstack

xpath 自动生成,可以显示匹配的数量

直接推荐出来很多个,选择最合适的那个就行。绿色的 badge 代表这个 xpath 能匹配到的元素数量。

鼠标悬浮显示组件属性


参考了 Chrome 的 Inspect

常用数据显示

像素,百分比, 截图尺寸(位于屏幕左下角)

屏幕右键快捷键

其中这个复制到剪贴板我用的最多,可以拿过来用于截图发钉钉
选中后高亮显示,分 3 栏显示,依次是屏幕,属性栏,组件树显示,大小可拖动

颜色提取


大多用于图色查找功能。

实时控制


目前功能勉强够用,后续还会迭代。

其他

还有很多隐蔽的功能,等着你去发现吧。另外也还有很多的功能还处于待开发状态。欢迎多提意见。

QQ 交流群

欢迎入群讨论 _^
536481989

商业计划

为了能让这个项目能够健康的发展下去,一个合适的商业计划还是非常必要的。
目前设计了一个简单的付费功能,支付宝扫码付费后,可以自动弹出来 QQ VIP 群的帐号和入群密码,这算是一个简单的尝试吧,我这也是第一次弄。
群福利

  • 可获取一次提高需求优先级的机会
    • 为什么有这个呢,因为需求太多了,做不过来了。
  • 不断更新的群文件:常用资料和软件下载
  • 提前参与 uiautodev 的新功能讨论
  • 其他:还没想好,反正福利最终咬达到入群费的标准

付费入口:https://uiauto.devsleep.com/pay/alipay/qqvip

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
共收到 15 条回复 时间 点赞

请问针对 web 端的有没有类似的工具,虽说 web 端可以 F12 copy xpath,但是还是有人懒,我就想找个类似的工具,打开网页,鼠标放在某个元素上自动的展示元素的相关信息

fox 回复

Chrome 插件:Ranorex selocity

大佬终于回来了呀,点赞👍

fox 回复

selenium idea 和 playwrgiht 的 codgen 都可以完成你说的这个操作,再简单点直接再 edge 或者 chrome 直接装个 xpath-selector 插件都可以

codeskyblue 回复

感谢

Bzzb 回复

谢谢

codeskyblue 回复

哈哈哈哈,这是我推荐的那个插件哇,的确好用,本来是 Ranorex 一个项目的关联插件,但是那个项目黄了

fox 回复

Ruto - XPath Finder, SelectorsHub,这些可以试试

weditor 还在用,给大佬点赞👍

weditor 用了好多年了,不知道这个新版 RN 能不能抓到

请问目前 uiauto.dev 的开发进度是怎样的?我看到命令/录制等几个 tab 还是灰色状态,是否还未完成这部分的开发?
还是通过付费可以解锁?目前项目在评估几个开源工具,想了解一下这个 “Weditor 2.0”

Zhenfen 回复

正在开发中

zZzwen 回复

这个不好说,不过获取到的东西确实比以前多了

codeskyblue 回复

谢谢!

codeskyblue 回复

好的谢谢

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册