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 在同一個網絡中

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容