美文网首页iOSiOS DeveloperI love iOS
iOS界面UI分析利器 Reveal 断点集成

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

作者: SuperMario_Nil | 来源:发表于2016-01-29 11:27 被阅读455次

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 在同一个网络中

相关文章

网友评论

  • 拿根针尖对麦芒:我去……这种方法会被拒的……用cocoaPods集成 pod 'Reveal-SDK', :configurations => ['Debug']
    SuperMario_Nil:@拿根针尖对麦芒 :+1: 感谢提醒,这篇纯属水文:smile: 哈哈 没想到你还能看到
    拿根针尖对麦芒:@SuperMario_Nil 是的,我去年就因为这被拒了……
    SuperMario_Nil::+1: 恩,这是第一次折腾Reveal实践的记录:smile: 据说被拒是因为Reveal.framework里面用了私有API

本文标题:iOS界面UI分析利器 Reveal 断点集成

本文链接:https://www.haomeiwen.com/subject/dbyjkttx.html