有時(shí)你在手機(jī)webview中一個(gè)css樣式有問題镶蹋,但是pc上卻是好的成艘,這時(shí)候你需要遠(yuǎn)程調(diào)試手機(jī)中的頁面,很多開發(fā)者還不知道chrome有這個(gè)強(qiáng)大的功能梅忌,這里記錄一下狰腌,方便檢索。
前提:
- android 4.4 以上
- 開啟adb調(diào)試
- app里引入下面java代碼牧氮,比如在Application的onCreate中
if (BuildConfig.DEBUG && Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
安裝運(yùn)行app琼腔,打開一個(gè)webview
在pc上打開chrome,地址欄輸入chrome://inspect
這時(shí)踱葛,你可以看到你的設(shè)備名稱和打開的頁面點(diǎn)擊inspect丹莲,彈出一個(gè)窗口,如果這個(gè)窗口顯示白色無內(nèi)容尸诽,你需要先掛一個(gè)代理甥材,再重復(fù)上述步驟,原因
現(xiàn)在就可以像調(diào)試pc頁面一樣調(diào)試手機(jī)頁面了性含。