在做iOS开发的过程中,Lookin这款页面调试工具给了我很大的震撼,相比于AndroidStudio的Layout Inspector,Lookin简直是降维打击。他可以精准的捕捉页面元素,并且可以使用3D视角对页面元素的层级进行侧视。
对比之下,Android Studio自带的Layout Inspector一直是开发者的噩梦,经常出现连接失败、页面抓取失败等情况。
但是在Android Studio 2025.2.1 Patch 1这个版本上,这个功能是真的好用,升级到这个版本后, Layout Inspector一直流畅使用,而且功能也更丰富了
一、Layout Inspector
1.点击元素,查看元素详细
- 单击指定元素后,可以在测栏查看元素的详情,包括元素id等信息。
- 同时也支持双击快速定位到工程文件中。这样就不用通过元素id去项目中搜索了(太多重名的id让元素定位效率大大降低)
- 需要注意,定位元素功能需要打开了该工程,否则无法跳转
对于Compose布局,也可以定位到对应的页面
2.3D视角
3D视角可以从侧视图查看页面的布局,确认元素在Z轴的关系。
3.隐藏元素
对于有水印的页面,点击元素定位事件会被水印消费,这可以使用隐藏元素的功能,隐藏后就可以正常查看页面元素。
二、AYA
作者是一个前端开发,用 electron 封装了一个 GUI 界面。已支持包括常用的手机基本信息查看、应用管理、屏幕截图、终端、进程管理等。
这个软件的功能有很多,在布局查看方面,他比Layout Inspector有几大优势。
1.支持查看元素的绝对位置
这个东西的好处是,在UI走查的时候,设计经常会提出一些元素宽高不对、元素间间距不对的问题。使用这个工具可以确认是否真有问题。
其中,这里的数值是px像素值,要除以屏幕dpi后换算为dp值,一般是2.75。
2.支持所有App的元素抓取
AYA支持抓取手机上所有App的页面布局,包括release应用。以Google Chrome为例,上述截图可以查看Google Chrome的每个页面元素。
除了布局查看外,AYA还有其他的好用的功能:
3.远程控制手机
4.查看adb日志
5.查看手机进程
AYA功能很好用,可以移步去github给作者点个start:github.com/liriliri/ay…