問題來源

近來這段時間一直在寫內嵌在App中的Html,雖然在HBuilder中可以輕易的使用各種瀏覽器輕易調試Html,但是在Xcode中想調試Html卻并不容易.Xcode的圖形調試界面只能調試原生的UI.WKWebView和UIWebView只能顯示黑屏.

如下圖所示.

使用Safari瀏覽器調試WebView

使用Safari瀏覽器調試WebView比較簡單無需過多的程序配置,只需點擊幾個開關按鈕即可.

首先打開模擬器或者真機設置中"Safari瀏覽器"→"高級"→"Web檢查器"的開關 如下圖所示.

然后我們打開Mac電腦的Safari瀏覽器,打開系統偏好設置(快捷鍵 commond + ,)或者如下圖所示.

點擊菜單中的"高級",然后勾選"在菜單欄中顯示"開發"菜單".方便我們進行快速的調試.

這時候真機連接上數據線.或者開啟模擬器就能在菜單欄"開發"選項中找到我們的設備或者是模擬器.

接下來我們只需要跑起我們的工程進入對應的WebView頁面即可進行調試.

調試界面如下所示.

總結

其實以前因為WebView使用的較少,調試都是有專門的前端同事來做.所以這方面不是很了解,現在這么一弄,確實又是一大助力感謝各位大佬查看本篇博客.如果有任何問題,歡迎批評指導

好了，以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。