HTML、JS、CSS的Web三件套，時(shí)下占據(jù)了項(xiàng)目的主要業(yè)務(wù)部分，原生和JS的交互必不可少，下面總結(jié)iOS調(diào)試Webview的兩種方法：

一、Safair瀏覽器調(diào)試方法

1.在手機(jī)設(shè)置里，找到Safair瀏覽器，在高級(jí)里啟用Web檢查器；

2.Mac上Safair瀏覽器，在偏好設(shè)置高級(jí)選項(xiàng)底部勾選“在菜單欄中顯示開發(fā)菜單”；

3.手機(jī)連接Xcode工程，操作App跳轉(zhuǎn)到JS頁面，點(diǎn)擊Mac上的Safair瀏覽器，在開發(fā)選項(xiàng)下拉菜單中，找到手機(jī)名稱對(duì)應(yīng)的html頁面即可進(jìn)入調(diào)試器；

二、Google Chrome瀏覽器調(diào)試方法

( 參考鏈接 ）

1.使用brew安裝 ios-webkit-debug-proxy
brew install ios-webkit-debug-proxy
若上面的命令不有效，嘗試下面的命令安裝
brew uninstall --force libimobiledevice ios-webkit-debug-proxy
brew install --HEAD libimobiledevice ios-webkit-debug-proxy

2.安裝成功后，在終端輸入下面的命令
ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html

若有問題，報(bào)錯(cuò)Could not connect to lockdownd. Exiting.: Permission denied，可輸入下面的命令，再次嘗試
sudo chmod -R 777 /var/db/lockdown/

3.保持終端命令連接狀態(tài)，在chrome瀏覽器中打開 localhost:9221，點(diǎn)擊真機(jī)選項(xiàng)；

4.操作App跳轉(zhuǎn)到JS頁面，下面兩種方式均可進(jìn)入調(diào)試器：
(1)在Mac的chrome中刷新頁面，選中要打開的html連接，右鍵點(diǎn)擊“復(fù)制鏈接地址”，新建標(biāo)簽頁，在地址欄粘貼地址，按enter鍵進(jìn)入；
(2)直接在谷歌瀏覽器地址欄中輸入chrome://inspect/#devices，點(diǎn)擊Target下方的inspect進(jìn)入；

備注：
（1）手機(jī)上也要安裝谷歌瀏覽器，否則終端可能無法連接到真機(jī)；
（2）復(fù)制JS頁面地址時(shí)，不要用cmd+c快捷鍵，要右鍵單擊“復(fù)制鏈接地址”，然后新建標(biāo)簽頁，粘貼地址打開；

總結(jié)：
兩種瀏覽器相比較，雖然Safair調(diào)試器打開方便，但容易卡住，有時(shí)無法查看JS的變量值，甚至打斷點(diǎn)會(huì)閃退，建議使用Google Chrome瀏覽器調(diào)試方法。