ios 利用Reveal来调试界面1 --模拟器（步骤详解）

Reveal是一个程序界面调试工具,可以调试iOS apps和tvOS apps。使用Reveal，我们可以在开发时动态地查看和修改应用程序的界面。避免每次修改UI的时候都要重新运行程序。接下来按照规矩，如下图，能用 图说明清楚的就不用文字来表达了，文字的表现力不够直观。

Reveal程序运行截图

1、如“Reveal程序运行截图”所示，我使用的Reveal官方提供的项目来 作为调试Demo,最左边的是Demo的在模拟器的运行效果，右边的App就是Reveal，我第一眼看到这个Reveal有种惊艳的感觉。App的左上 方是我此刻调试的模拟器，左下方是我此刻查看UI细节信息的UIView,App的中间部分就是此刻正在分析的设备界面，App的最右边是不是看着和 Xcode的Xib编辑器有点类似，没错这个就是可以动态查看和修改UI的地方。这个修改的方式和Xcode的Xib修改Ui细节类似，相信你对这个已经 很有感觉了，只要稍加查看就可以上手的。

Reveal查看UI

2、如“Reveal查看UI图”所示，Reveal查看UI的维度也是可以选择的，可以有二维视角，也可以有三维视角。我选择了一个三维视角，如上图所示左边点击展开UIView的层级，点击对应的View查看这个View的对应约束，用这样的方式来查看UI的约束是不是太直观了。

使用Reveal来调试模拟器中的我们的App的界面是最简单的。只需要添加对应的断点即可。

1、在Xcode项目中，选择“View → Navigators → Show Breakpoint Navigator”。

Add Symbolic Breakpoint”

2、在左边底部面板，点击”+“号按钮，然后选择“Add Symbolic Breakpoint”。

3、在Symbol字段里面填入“UIApplicationMain”。

4、点击“Add Action”按钮，并确认一下“Action”是设置到“Debugger Command”。

5、在Action下的文本框中贴入如下表达式

expr (Class)NSClassFromString(@”IBARevealLoader”) == nil ? (void *)dlopen(“/Applications/Reveal.app/Contents/SharedSupport/iOS-Libraries/libReveal.dylib”, 0x2) : ((void*)0)

检查选项

6、检查选项“Automatically continue after evaluating actions”是否勾选了。

Move Breakpoint To → User

7、右键点击新建的断点，然后选择“

Move Breakpoint To → User

”保存给所有的项目使用。

打开Reveal

8、编译，在模拟器上运行你的程序，然后打开Reveal，查看你的布局。

由于篇幅有限制，真机的调试在下一篇中加上。。。