通过Chrome实时调试webview
生活随笔
收集整理的這篇文章主要介紹了
通过Chrome实时调试webview
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
最近幫忙指導一個內部混合開發的項目,由于需要實時去看網絡請求和頁面。正好用到下面的方法幫助調試開發。
為了方便webview的動態調試,googl官方提供了一個好用的調試途徑,即使用Google瀏覽器調試Android端的webview頁面
方法
1.確保pc的adb環境
不懂的請看https://blog.csdn.net/zmeilin/article/details/89317269
2.手機開啟開發者模式,并且Usb 連接到電腦
3.Android工程里的webView代碼 開啟調試模式
mWebView.setWebContentsDebuggingEnabled(true);修改好,重新編譯并安裝到手機上
4.使用Chrome 瀏覽器打開調試地址 chrome://inspect/#devices
Chrome會自動檢測手機上打開的App,并列出可調試的WebView頁面,如圖:
5.點擊Inspect,彈出開發者工具進行調試
可能遇到的問題
有的小伙伴可能會由于無法訪問 https://chrome-devtools-frontend.appspot.com,遇到彈出彈框是白屏
或者404
解決方法
科學上網(Android開發者有時還是得有身翻墻絕技的)
該方法解決問題最有效且便利
總結
以上是生活随笔為你收集整理的通过Chrome实时调试webview的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java 使用Thumbnailator
- 下一篇: html中i标签控制图标大小,直接使用i