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