1、普通h5頁面手機端調試
此種方式最簡單，在安卓手機中安裝安卓版 chrome，USB 鏈接 PC，而後在 PC 的 chrome 瀏覽器中打開 chrome://inspect 便可。 java
3、基於webkit核心的webview端調試
從 Android 4.4 開始，webkit是支持遠程調試的，不過須要將app的debug模式打開，能夠使用以下代碼：WebView.setWebContentsDebuggingEnabled(true);android
因爲大部分 App 的 debug 模式是關閉的，即使是內部 App，好比 QQ/微信，要去找一個開啓了debug 模式的版本仍是比較麻煩的。所以須要使用藉助第三方工具來強制開啓任何 App 的 Android webview debug模式，使之能夠使用 chrome inspect。而這個工具就是 Xposed git
咱們已經提供了一份要安裝的文件，請首先到 https://github.com/feix760/WebViewDebugHook 下載文件。 （也能夠直接只需一下操做下載）github
網上搜索：Xposed框架下載web
一、root設備
由於涉及到 root 權限，所以須要將手機進行 root。有不少工具能夠來 root，好比KingRoot、一鍵root、360一鍵root等。若是你安裝了QQ電腦管家，能夠在「電腦管家-工具箱-其餘」列表裏面看到KingRoot。 chrome
二、安裝xposed框架
在下載文件的hook.zip中，找到 de.robv.android.xposed.installer_v33_36570c.apk，安裝之。也能夠去 官網 下載。
瀏覽器
三、安裝xposed webview debugging模塊
在下載文件的hook.zip中，找到 WebViewDebugHook.apk，安裝之。微信
四、激活Xposed
安裝後上述兩個apk以後，能夠看到手機上面出現了一個叫 Xposed Installer 的圖標，點擊進去以後會看到提示說Xposed未激活，點擊紅色字體部分，會切換到另一條頁面，點擊「安裝/更新」按鈕便可。app
但有部分手機會出現相似以下的錯誤，致使沒法點擊「安裝/更新」，目前已知的是部分版本的MIUI是會出現這個問題的框架
安裝完成以後，重啓再打開，再點擊剛纔點擊過的地方，切入頁面以後，勾選，再重啓，重啓以後即激活了Xposed
五、關於QQ等
QQ等默認會使用X5內核，把下載文件中的 debug.conf 放在sd卡根目錄下就能夠強制它使用 Android 自帶 webview 。
六、測試
手機usb鏈接電腦，使用 chrome 打開 chrome://inspect ，而後打開任意 App 的 webview ，接下來就是見證奇蹟的時候了。