天天看點

PC端使用chrome浏覽器遠端調試android webview

chrome的開發工具中提供了遠端調試android webview的工具,使用步驟如下:

1.在PC端chrome浏覽器中選擇視圖->開發者->開發者工具,在開發者工具界面右上角選擇more tools->remote devices

PC端使用chrome浏覽器遠端調試android webview

2.這時候會在下方顯示通過USB連接配接的android裝置

PC端使用chrome浏覽器遠端調試android webview

3.Android4.4以後,需要WebView下設定支援遠端調試,在需要調試的webview中需要加入以下代碼:

if(android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
            webview.setWebContentsDebuggingEnabled(true);
        }
           

4.啟動APP,切換到需要調試的webview頁面,這時候遠端調試工具會出現以下界面:

PC端使用chrome浏覽器遠端調試android webview

5.點選"inspect",會打開一個子視窗,在這個子視窗中就可以開始調試webview頁面了

PC端使用chrome浏覽器遠端調試android webview

最後

如果你看到了這裡,覺得文章寫得不錯就給個贊呗!歡迎大家評論讨論!如果你覺得那裡值得改進的,請給我留言。一定會認真查詢,修正不足,定期免費分享技術幹貨。謝謝!

PC端使用chrome浏覽器遠端調試android webview

繼續閱讀