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，查看你的布局。

由於篇幅有限制，真機的調試在下一篇中加上。。。

ios 利用Reveal來調試介面1 --模擬器（步驟詳解）