在app開發(fā)中猾警,經(jīng)常會(huì)用到webview頁面,怎么能夠在app內(nèi)直接查看調(diào)試頁面樣式灸蟆、請(qǐng)求頭等進(jìn)行聯(lián)調(diào)驯耻?就要用Safari來配合了,(只能用Safari炒考,其它瀏覽器不行)可缚,只能在debug下進(jìn)行聯(lián)調(diào):
模擬器和真機(jī)一樣,以下以真機(jī)為例
1.打開真機(jī)的開發(fā)者模式
【設(shè)置】->【Safari】->【高級(jí)】->【W(wǎng)eb檢查器】打開斋枢,如下圖
img1.jpg
2.打開Mac上Safari的開發(fā)者模式
【Safari】->【偏好設(shè)置】->【高級(jí)】->【在菜單欄中顯示“開發(fā)”菜單】勾選帘靡,如下圖
img2.jpg
3.創(chuàng)建一個(gè)webview并加載一個(gè)網(wǎng)頁
img3.jpg
4.選擇Safari上的開發(fā)
如下圖所示,因?yàn)槲业氖謾C(jī)已經(jīng)信任過瓤帚,但是沒有打開webview頁面描姚,就是這樣子。如果手機(jī)沒有信任過戈次,選中測(cè)試機(jī)22
的時(shí)候會(huì)顯示用于開發(fā)
轩勘,然后點(diǎn)擊用于開發(fā)
,手機(jī)上會(huì)彈出是否信任的提示框怯邪,點(diǎn)擊信任
即可绊寻。然后你打開app上的webview可能還是沒有,這個(gè)時(shí)候重啟一下Safari
即可。
img4.jpg
5.在app上打開webview頁面
第4步就變成以下圖的樣式
img5.jpg
然后真機(jī)個(gè)顯示的像以下圖片一樣
img6.jpg
打開網(wǎng)頁檢查器澄步,就可以進(jìn)行調(diào)試了
img7.jpg