隨著Hybrid APP的流行先巴，對其調(diào)試變得必不可少短绸。使用Xcode我們能看到的僅僅是WebView，要想進一步查看里面的a標(biāo)簽筹裕、button和其他元素，Xcode是心有余而力不足窄驹。但是不用擔(dān)心朝卒，Safari的調(diào)試功能能夠彌補Xcode的不足，讓你能夠更方便地調(diào)試此類APP乐埠。要想使用Safari來調(diào)試抗斤，你要做的有三步：
- 配置Safari。
- 配置iPhone
- 開始調(diào)試
接下來就詳細(xì)對此功能進行解釋丈咐。
1.配置Safari
打開Safari瑞眼，查看菜單欄里面是否有“開發(fā)”這個菜單，如果有棵逊，你的Safari就已經(jīng)配置好了伤疙。如果沒有，你要做的操作就是：打開Safari的偏好設(shè)置辆影，然后設(shè)置高級選項里面選中“在菜單欄中顯示開發(fā)菜單”徒像。具體看圖：
設(shè)置完成。
2.配置iPhone
打開系統(tǒng)設(shè)置蛙讥，然后找到Safari 瀏覽器,點擊高級選項锯蛀，然后打開“JavaScript”和“Web檢查器”即可。具體看圖：
到此次慢，iPhone配置成功旁涤。
3.開始調(diào)試
設(shè)置好前兩個步驟后翔曲，將手機和電腦使用數(shù)據(jù)線連接。打開電腦上Safari劈愚，然后打開開發(fā)菜單瞳遍，你就會看到你的手機(和你的電腦名稱挨著)。此時打開你的Hybrid APP造虎，你就可以調(diào)試你的APP了傅蹂。如圖：
點擊你要調(diào)試的網(wǎng)頁域名，即可彈出調(diào)試頁面算凿，這個頁面的具體功能就自己摸索吧份蝴，和網(wǎng)頁開發(fā)時調(diào)試頁面差不多。如下圖：
到此氓轰，你就完成了如何使用Safari進行調(diào)試婚夫。
幾點需要知道的
- 根據(jù)測試，手機端的Safari可以直接連接到電腦上查看加載網(wǎng)頁的代碼署鸡。開發(fā)過程中的Hybrid APP也可以通過此方式查看案糙。已經(jīng)上線的Hybrid APP無法通過此種方式查看。所以在要想通過此方式調(diào)試靴庆，一定要用Debug包進行調(diào)試时捌。
- 如果在Safari開發(fā)菜單中看不到你的手機，那就看看步驟二是否正確配置炉抒。
總結(jié)
隨著H5和CSS3的進一步發(fā)展奢讨，Hybrid APP變得更加火爆，具有Native APP的良好交互焰薄，又有Web APP跨平臺開發(fā)的優(yōu)勢拿诸，而且需求更新版本不必每次都更新APP。
在未來塞茅，你看到的手機端APP不一定就是原生的亩码，而是Web，更讓人瘋狂的是你還無法分辨是否是原生還是Web野瘦。
所以描沟，移動開發(fā)的小伙伴，為了你的未來缅刽，多學(xué)學(xué)前端也是很有必要的啊掏。
注
轉(zhuǎn)載請注明來源：http://www.reibang.com/p/918a50f8e8ed
