如何用Safari聯調Hybrid APP

隨着Hybrid APP的流行，對其調試變得必不可少。使用Xcode我們能看到的僅僅是WebView，要想進一步查看裏面的a標籤、button和其他元素，Xcode是心有餘而力不足。但是不用擔心，Safari的調試功能能夠彌補Xcode的不足，讓你能夠更方便地調試此類APP。要想使用Safari來調試，你要做的有三步：

1. 配置Safari。
2. 配置iPhone
3. 開始調試

接下來就詳細對此功能進行解釋。

1.配置Safari

打開Safari，查看菜單欄裏面是否有「開發」這個菜單，如果有，你的Safari就已經配置好了。如果沒有，你要做的操作就是：打開Safari的偏好設置，然後設置高級選項裏面選中「在菜單欄中顯示開發菜單」。具體看圖：

設置完成。

2.配置iPhone

打開系統設置，然後找到Safari 瀏覽器,點擊高級選項，然後打開「JavaScript」和「Web檢查器」即可。具體看圖：

到此，iPhone配置成功。

3.開始調試

設置好前兩個步驟後，將手機和電腦使用數據線連接。打開電腦上Safari，然後打開開發菜單，你就會看到你的手機(和你的電腦名稱挨着)。此時打開你的Hybrid APP，你就可以調試你的APP了。如圖：

點擊你要調試的網頁域名，即可彈出調試頁面，這個頁面的具體功能就自己摸索吧，和網頁開發時調試頁面差不多。如下圖：

到此，你就完成了如何使用Safari進行調試。

幾點需要知道的

1. 根據測試，手機端的Safari可以直接連接到電腦上查看加載網頁的代碼。開發過程中的Hybrid APP也可以通過此方式查看。已經上線的Hybrid APP無法通過此種方式查看。所以在要想通過此方式調試，一定要用Debug包進行調試。
2. 如果在Safari開發菜單中看不到你的手機，那就看看步驟二是否正確配置。

總結

隨着H5和CSS3的進一步發展，Hybrid APP變得更加火爆，具有Native APP的良好交互，又有Web APP跨平臺開發的優勢，而且需求更新版本不必每次都更新APP。 在未來，你看到的手機端APP不一定就是原生的，而是Web，更讓人瘋狂的是你還無法分辨是否是原生還是Web。 所以，移動開發的小夥伴，爲了你的未來，多學學前端也是很有必要的。