震惊!iOS 系统竟然自带悬浮窗口调试工具 —— Jinkey 原创

1 背景

英文原文:
ryanipete.com/blog/ios/sw…
我写得这个并不是翻译而是用本身的理解从新表述这个功能,和原文内容有出入,有能力的能够查看英文原文.微信公众号 jinkey-love 欢迎交流ios

咱们常用各类调试工具,或者开源库来支持悬浮窗调试信息,但苹果的私有方法就提供了UIDebuggingInformationOverlay。
objective-c

2 如何使用

在 AppDelegate 的 didFinishLaunchingWithOptions 方法中加入两行代码便可。swift

let overlayClass = NSClassFromString("UIDebuggingInformationOverlay") as? UIWindow.Type
_ = overlayClass?.perform(NSSelectorFromString("prepareDebuggingOverlay"))复制代码

运行程序后,两根手指点击状态栏便可调起这个调试的悬浮层微信

3 UIDebuggingInformationOverlay能作什么

3.1 查看整个 window 的 View嵌套关系

View Hierarchyapp

这个功能能够查看页面层级的结构树,点击感叹号进入详情页(点 cell 是没反应的),会展现那个 view 的 frame、bounds 和其余一些实例变量
ide

3.2 查看当前 ViewController 的属性

VC Hierarchy工具

查看激活的 ViewController 的 childrenViewCotroller 的结构树和相关属性
ui

3.3 查看 UIApplication 的成员属性

Ivar Explorerspa

3.4 测量组件大小

Measure翻译

一开始还挺懵逼不知道要怎么用,后来发现手指是直接在悬浮窗的外部进行进行拖动就能够了,若是你的组件被悬浮窗挡住了好像就没办法了。
选择 Vertical ,手指在屏幕拖动便可显示某个组件的高度;
选择 Horizontal ,手指在屏幕拖动便可显示某个组件的 宽度;

3.5 效果对比

Spec Compare

从相册读取一个图片(你必须在info.plist 先配置相册权限NSPhotoLibraryUsageDescription)和当前界面对比。
点击 Add -> 从相册选择一个界面截图 -> 点击刚添加的截图 -> 手指在屏幕(悬浮窗外部)上下滑动 -> 便可动态改变截图的透明度来对比截图和当前界面的差别 -> 双击退出。

个人微信公众号 jinkey-love 欢迎交流

相关文章
相关标签/搜索