今天前端來問是否能在電腦上調試和查看在App的WebView中打開的頁面。
之前沒注意這個事匪煌,大致搜索了一下,還是很簡單的。
基本步驟如下:
1.首先涎嚼,要在WebView頁面打開可以debug的設置。(不過只支持KITKAT以上版本)
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
mWeb.setWebContentsDebuggingEnabled(true);
}
2.手機打開usb調試贸桶,插上電腦锰瘸。
3.在Chrome地址欄輸入:Chrome://inspect。你會看到如下界面蹬碧。
正常的話在App中打開WebView時舱禽,chrome中會監(jiān)聽到并顯示你的頁面。
4.點擊頁面下的inspect恩沽,就可以實時看到手機上WebView頁面的顯示狀態(tài)了誊稚。(第一次使用可能會白屏,這是因為需要去https://chrome-devtools-frontend.appspot.com那邊下載文件罗心,此處你就需要一個梯子里伯。)
github相關項目:https://github.com/codeqian/webViewTest