進行H5移動端開發時，我們可以使用谷歌瀏覽器的設備工具欄進行，此方法實時方便快速，但這也是有限的，當我們需要在特定機型特定系統或者在webview中調試時，這種方法就顯得很吃力了。
安卓：
一、與安卓手機瀏覽器調試：
1.電腦跟手機都需下載谷歌瀏覽器；
2.手機usb接入電腦，設置成開發者模式並允許調試；
3.谷歌瀏覽器地址欄輸入chrome://inspect進入設備頁面，如圖一所示
圖一
4.在最后輸入框中輸入要打開的地址，此時手機上的谷歌瀏覽器就打開了此輸入的地址頁面，電腦上出現圖二所示的信息
圖二
5.點擊inspect即可進入審查頁面（注意：如果是第一次使用會出現出現空白頁面的情況，此時需FQ）；
二、跟安卓webview調試：
1.安卓端打開允許調試的權限 加入如下代碼：
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { WebView.setWebContentsDebuggingEnabled(true);}；
2.同‘一’中的‘2、3’；
3.進入app中的webview；
4.點擊inspect進行調試。
三、使用weinre遠程調試：
Weinre本地創建一個監聽服務器，並提供一個 JavaScript，你只需要在需要測試的頁面中加載這段 JS，就可以被 Weinre 監聽到，在 Inspect 面板中調試你這個頁面。
1.npm install weinre -g使用npm全局安裝weinre；
2.執行命令weinre啟動服務；
四、跟安卓Crosswalk調試：
1.安卓端打開允許調試的權限 加入如下代碼：
XWalkPreferences.setValue(XWalkPreferences.REMOTE_DEBUGGING, true);
2.同‘一’中的‘2、3’；
3.進入app中的Crosswalk；
4.點擊inspect進行調試。
ios:
1.打開模擬器/真機的開發者模式（模擬器是默認開啟的）
"設置"->"Safari"->"高級"->"Web檢查器" 打開
2.打開Mac上Safari的開發者模式
Safari ->“偏好設置” -> “高級” -> “在菜單欄中顯示開發選項”
3.在模擬器／真機中打開APP中的WebView頁面，並打開Safari
“開發” ->“Simulator或者你的真機名稱” ->“網頁文檔名稱”
點擊文檔名稱進入即可愉快調試了！
以上僅代表個人觀點！