移动端真机调试工具--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即可以查看报错。