HTML、JS、CSS的Web三件套,時下占據(jù)了項(xiàng)目的主要業(yè)務(wù)部分,原生和JS的交互必不可少,下面總結(jié)iOS調(diào)試Webview的兩種方法:
一、Safair瀏覽器調(diào)試方法
1.在手機(jī)設(shè)置里,找到Safair瀏覽器,在高級里啟用Web檢查器;
2.Mac上Safair瀏覽器,在偏好設(shè)置高級選項(xiàng)底部勾選“在菜單欄中顯示開發(fā)菜單”;
3.手機(jī)連接Xcode工程,操作App跳轉(zhuǎn)到JS頁面,點(diǎn)擊Mac上的Safair瀏覽器,在開發(fā)選項(xiàng)下拉菜單中,找到手機(jī)名稱對應(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
若有問題,報錯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頁面地址時,不要用cmd+c快捷鍵,要右鍵單擊“復(fù)制鏈接地址”,然后新建標(biāo)簽頁,粘貼地址打開;
總結(jié):
兩種瀏覽器相比較,雖然Safair調(diào)試器打開方便,但容易卡住,有時無法查看JS的變量值,甚至打斷點(diǎn)會閃退,建議使用Google Chrome瀏覽器調(diào)試方法。