wkwebview和UIWebView除錯技巧

weixin_33924312發表於2017-11-15

        在進行iOS載入網頁開發過程中,碰到某個介面有問題需要陪著web開發人員進行除錯測試,這是一個非常揪心的問題。所以必須掌握safari對webview進行除錯的技巧。

1、開啟模擬器(真機)的開發者模式

【設定】->【Safari】->【高階】->【Web檢查器】開啟

2324584-4504d7bae6ca7f10.png
開啟iphone裝置中的web檢查器

2、開啟Mac上Safari的開發者模式

【Safari】->【偏好設定】->【高階】->【在選單欄中顯示“開發”選單】勾選

2324584-0827497223400e78.png
開啟Safari中的開發者模式

3、mac電腦有xcode的時候,使用xcode執行程式到模擬器/iphone。(注意iphone不能鎖屏)

如果mac電腦沒有xcode的時候,把mac和手機通過資料線連線,在手機上開啟需要除錯的軟體。注意iphone不能鎖屏)

自動彈出下圖:

2324584-9bbaa1dfa9b40d18.jpg

但是這還沒有看到網頁原始碼,我們需要

【開發】->【xxx的iphone】->【Title】勾選  如下圖:

2324584-0e87466a47d84408.png

然後彈出如下圖:

2324584-41fdd00a3feac248.png

看到上面的圖你就熟悉了吧,web人員開發web時候通過瀏覽器除錯時候,都是用的這個介面,交給web開發人員,他就可以搞定一切了。

相關文章