做iOS开发的朋友应该都遇到过这种情况：界面跑起来跟设计稿差那么几像素，改一次代码重新编译一次，一天下来光等编译就耗掉大半时间。后来同事甩给我一个工具叫Reveal for Mac(运行时视图调试工具)，用了一段时间确实省事不少。今天就把我这段时间摸索出来的使用经验整理一下，从安装到实际调试，再到几个容易踩坑的地方，一次性说清楚，新手看完基本就能上手干活了。
先把它装好，别在第一步卡住
Reveal for Mac的安装没什么难度，官网下载dmg包拖进Applications就完事。但有一点要提醒，这工具是收费的，有试用期，试用期过了功能会受限，具体买不买看个人需求。装好之后打开，界面是英文的，不过常用的就那么几个按钮，用两次就熟了。我第一次打开的时候有点懵，左边一列视图层级树，右边是属性面板，中间是3D视图预览，看着挺唬人，其实核心逻辑很简单——就是把运行中的App界面结构扒开给你看。
另外说一句，Reveal for Mac(运行时视图调试工具)对系统版本有要求，太老的macOS可能跑不起来，装之前瞄一眼官方说明，省得白折腾。
跟Xcode项目连起来才是正事
光装好没用，得让它连上你的项目。目前主流的方式是加Framework或者用CocoaPods集成，我一般用Pod，在Podfile里加上Reveal的SDK，pod install之后重新打开工程就行。这里有个坑我踩过：集成完直接跑模拟器，Reveal那边死活连不上，后来才发现是没在Scheme里配置环境变量。具体操作是Edit Scheme里加一个DYLD_INSERT_LIBRARIES，指向Reveal的framework路径，配好之后再跑，Reveal的图标就亮了，连接成功。
还有一点，真机调试的时候记得把手机的WiFi和电脑保持在同一个网络下，不然也连不上。我第一次用真机折腾了半小时，最后发现是网络不同段，气得想笑。
连上之后，这些功能最实用
连接成功之后，Reveal for Mac(运行时视图调试工具)的威力就出来了。最常用的功能是实时查看视图层级，哪个控件套在哪一层、frame是多少、有没有被遮挡，一目了然。以前查界面问题靠打印frame或者加背景色，现在直接在这个3D视图里转一圈，哪层有问题看得清清楚楚。
另一个高频功能是实时修改属性。比如你觉得某个label的字体小了点，不用改代码重跑，直接在Reveal里调字号，界面上立马就变。调到自己满意了，再把数值抄回代码里，效率提升不是一点半点。我一般调间距和颜色的时候用这个最多，尤其是调约束的时候，肉眼看着不对就拖一拖，比反复编译快多了。
还有个小技巧，Reveal里可以选中某个视图，直接看它的约束冲突提示，Xcode有时候报的约束警告不够直观，在Reveal里看反而清楚，哪个约束多了哪个少了，一眼就能定位。
几个容易踩的坑，提前避一下
用Reveal for Mac(运行时视图调试工具)这段时间，坑也踩了不少，挑几个典型的说说。第一个是集成之后上架打包的问题，Reveal的framework千万别打进正式包，不然审核可能被拒，记得用Debug配置，Release里把它排除掉。第二个是模拟器版本和Reveal版本不匹配，有时候连上了但视图加载不出来，更新一下Reveal到最新版基本能解决。
第三个坑比较隐蔽，如果你的项目用了SwiftUI，Reveal对SwiftUI的支持不如UIKit那么完整，有些视图层级可能显示不全，这个不是你的问题，是工具本身的限制，遇到这种情况别死磕，换回UIKit的界面去调就行。我一开始不知道，对着一个SwiftUI页面调了半天，后来才发现压根显示不全，白费功夫。
值不值得用，说点实在的
总的来说，Reveal for Mac(运行时视图调试工具)适合经常跟界面打交道的iOS开发者，尤其是调复杂布局、查视图遮挡、对设计稿的时候，效率提升很明显。如果你平时界面写得少，或者项目界面比较简单，那用Xcode自带的Debug View Hierarchy也能凑合，不一定非得花钱买。但如果你天天跟UI较劲，这工具省下来的编译时间早就值回票价了。
最后提醒一句，工具再好也只是辅助，核心还是把约束和布局逻辑写清楚，Reveal帮你发现问题，解决问题还得靠代码。希望这篇经验能帮到刚接触Reveal for Mac(运行时视图调试工具)的朋友，少走点我走过的弯路。
喜欢 
高兴
鬼脸
呵呵
无聊
伤心
