隨著Hybrid APP的流行，對其調(diào)試變得必不可少。使用Xcode我們能看到的僅僅是WebView，要想進(jìn)一步查看里面的a標(biāo)簽、button和其他元素，Xcode是心有余而力不足。但是不用擔(dān)心，Safari的調(diào)試功能能夠彌補(bǔ)Xcode的不足，讓你能夠更方便地調(diào)試此類APP。要想使用Safari來調(diào)試，你要做的有三步：
- 配置Safari。
- 配置iPhone
- 開始調(diào)試
接下來就詳細(xì)對此功能進(jìn)行解釋。
1.配置Safari
打開Safari，查看菜單欄里面是否有“開發(fā)”這個菜單，如果有，你的Safari就已經(jīng)配置好了。如果沒有，你要做的操作就是：打開Safari的偏好設(shè)置，然后設(shè)置高級選項(xiàng)里面選中“在菜單欄中顯示開發(fā)菜單”。具體看圖：
設(shè)置完成。
2.配置iPhone
打開系統(tǒng)設(shè)置，然后找到Safari 瀏覽器,點(diǎn)擊高級選項(xiàng)，然后打開“JavaScript”和“Web檢查器”即可。具體看圖：
到此，iPhone配置成功。
3.開始調(diào)試
設(shè)置好前兩個步驟后，將手機(jī)和電腦使用數(shù)據(jù)線連接。打開電腦上Safari，然后打開開發(fā)菜單，你就會看到你的手機(jī)(和你的電腦名稱挨著)。此時打開你的Hybrid APP，你就可以調(diào)試你的APP了。如圖：
點(diǎn)擊你要調(diào)試的網(wǎng)頁域名，即可彈出調(diào)試頁面，這個頁面的具體功能就自己摸索吧，和網(wǎng)頁開發(fā)時調(diào)試頁面差不多。如下圖：
到此，你就完成了如何使用Safari進(jìn)行調(diào)試。
幾點(diǎn)需要知道的
- 根據(jù)測試，手機(jī)端的Safari可以直接連接到電腦上查看加載網(wǎng)頁的代碼。開發(fā)過程中的Hybrid APP也可以通過此方式查看。已經(jīng)上線的Hybrid APP無法通過此種方式查看。所以在要想通過此方式調(diào)試，一定要用Debug包進(jìn)行調(diào)試。
- 如果在Safari開發(fā)菜單中看不到你的手機(jī)，那就看看步驟二是否正確配置。
總結(jié)
隨著H5和CSS3的進(jìn)一步發(fā)展，Hybrid APP變得更加火爆，具有Native APP的良好交互，又有Web APP跨平臺開發(fā)的優(yōu)勢，而且需求更新版本不必每次都更新APP。
在未來，你看到的手機(jī)端APP不一定就是原生的，而是Web，更讓人瘋狂的是你還無法分辨是否是原生還是Web。
所以，移動開發(fā)的小伙伴，為了你的未來，多學(xué)學(xué)前端也是很有必要的。
注
轉(zhuǎn)載請注明來源：http://www.itdecent.cn/p/918a50f8e8ed
