相信大家都有用Android中的WebView打開網頁的開發(fā)經歷,有時候我們需要查看網頁中的一些信息,比如Console中的打印信息,但是從Android的WebView中是無法看到這些信息的,所以我們有時候就需要借助瀏覽器的開發(fā)者工具來調試這些網頁,我們可以看看怎么才能做到這種事。
先說準備工作,手機必須連接電腦,并且處于USB調試模式,最重要的是手機當前所處于的網絡必須與電腦一致。
然后我們先是要在代碼中把WebView的瀏覽器調試開關打開:
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
webView.setWebContentsDebuggingEnabled(true);
}
webView.loadUrl("你的Url");
其次在瀏覽器的地址欄輸入如下網址:
然后使用手機打開對應的WebView,稍等片刻,應該就可以看到這個網址內容出現(xiàn)了變化,出現(xiàn)如下類似信息就表示成功了,注意看這里的EML-AL00,這里就是我當前開發(fā)所使用的手機機型,它下面的網址就是我當前所打開的網址:

inspect.png
接下來是最后一步,讓我們點擊inspect,顧名思義就是開始檢查當前網頁,點擊之后會彈出一個調試窗口,就是如下的效果:

inspect.png