在文章《iOS-WKWebView與JavaScript交互的簡單使用》中，我們一起學習了WKWebView和JavaScript的簡單交互，中間一直忘了更新這邊文章，今天我們一起學習一下如何在原生應用中，如何進行Web頁面的簡單調(diào)試。

1. 準備工作

1.1 開啟Safari開發(fā)選項

點擊 Safari瀏覽器》偏好設置》高級》在菜單欄顯示“開發(fā)”菜單。筆者這邊已經(jīng)開啟了，所以在頂部菜單欄可以看到。

打開Safari開發(fā)選項.png

1.2 開啟模擬器/真機調(diào)試選項

打開模擬器或者真機設置》Safari瀏覽器》高級》web (Inspector)檢查器。
注意 模擬器中可能沒有web檢查器，不過不影響調(diào)試。

Safari瀏覽器.jpg

開啟web檢查器.jpg

1.3 運行項目

使用Xcode運行項目到模擬器或者真機上，打開webView頁面和Mac中Safari瀏覽器。

1.4 在Mac Safari瀏覽器中選擇要調(diào)試的網(wǎng)址

這時會彈出一個網(wǎng)頁檢查啟

開啟調(diào)試.png

網(wǎng)頁檢查器.png

1.5 在Mac Safari瀏覽器中像調(diào)試Html一樣，開始愉快的調(diào)試了

至此，簡單的使用模擬器或者真機，配合Mac Safari調(diào)試WebView的技能，我們就已經(jīng)Get到啦，希望能夠幫助一些小伙伴。記得給個小????哦