iOS界面UI分析利器 Reveal 断点集成

2018年02月03日更新： 之前的集成方式很老了，这篇文章也比较老了，文章就不删了，增加个断点集成吧，以防自己老年痴呆

断点集成

在Xcode 中 按 option + command + \，添加一个symbolic breakpoint
点击Add Action,按照图中填入下面两段文字，再勾选上Options 即可

breakpoint.png

UIApplicationMain

expr (Class)NSClassFromString(@"IBARevealLoader") == nil ? (void *)dlopen("/Applications/Reveal.app/Contents/SharedSupport/iOS-Libraries/RevealServer.framework/RevealServer", 0x2) : ((void*)0)
顺便在断点上右键 选择Move breakpoint to 下面的 User 即可，这样断点就是用户级别的了，别的项目也可以顺利使用。
顺便说一下Reveal 的一个刷新快捷键，点击模拟器 按 shift + command + e ，即可刷新Reveal页面

---

以下老的方式废弃

以下是老的集成方式，已经不推荐使用了，提交审核会被拒，因为Reveal有用到苹果的私有方法：

官网下载地址（30天免费试用）：http://revealapp.com/

Reveal 是一款Mac上强大的iOS开发调试工具，能够在运行时调试和修改iOS应用程序，可以实时的调试查看界面布局，解决界面相关问题，类似于FireFox上的FireBug，对于UI上的层的显示很清晰直观，可以很方便的用于UI的调试，用来学习UI的使用也是无上利器，非常好用！

Reveal连接模拟器、真机步骤：

1.在Xcode中打开你的项目工程

2.打开下载好的Reveal,选择 Help → Show Reveal Library in Finder → iOS Library

Paste_Image.png

3.将Reveal.framework 拖到你的工程

Paste_Image.png

4.勾选Copy items if needed，点击Finish

Paste_Image.png

5.在Build Phases 标签下 Link Binary With Libraries 找到Reveal.framework,并删除

Paste_Image.png

6.在 Build Settings 标签下搜索Other Linker Flags ,在Debug中添加
-ObjC -lz -framework Reveal

Paste_Image.png

7.继续在Build Settings 标签下搜索 Framework Search Paths ,添加 $(SYSTEM_APPS_DIR)/Reveal.app/Contents/SharedSupport/iOS-Libraries

Paste_Image.png

8.大功告成，去Xcode 运行你的应用，在切换回Reveal，点击左上角的即可看到想要的连接。
模拟器：

Paste_Image.png

真机：

Paste_Image.png

温馨提示:用真机的时候，必须要保证手机跟Reveal 在同一个网络中