移動端真機調試工具--DebugGap （VIDE）

　　愈來愈多的移動端開發工做，須要咱們有一個好的調試工具，以解決各種真機纔會遇到的BUG，最近使用了一款DebugGap 的工具，很是方便，在這裏推薦給你們。

　　官網地址 DebugGap  。

　　按需求下載本身所需的版本，解壓後打開vide.exe文件運行該應用，如圖所示。除此以外還須要安裝一個vide-plugin-debug-webview插件，在圖中的路徑點開Plugin Management ,如圖二，下載該插件。

　　

 

 

　　下載完成後點擊以下圖所示圖標

 

　　配置你要調試的頁面地址，以下圖

 

 

 

　　在vide-plugin-debug-webview插件目錄下(xx/vide/node_modules/vide-plugin-debug-webview)，有一個debuggap.js的文件，將其引入到調試頁面的HTML中，這樣打開手機就能一邊操做以便查看報錯狀況了。

 

 

　　固然，爲了圖方便，咱們也能夠僅僅只在須要調試的頁面引入debuggap.js，就不用下載該應用工具，就能夠直接在移動端頁面進行調試。打開頁面右上角會有一個藍色按鈕，點擊之後以下圖所示，點擊console即可以查看報錯。