移动端真机调试工具--DebugGap （VIDE）
2024-08-29 14:59:26
越来越多的移动端开发工作，需要我们有一个好的调试工具，以解决各类真机才会遇到的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便可以查看报错。
最新文章
- MapReduce 单词统计案例编程
- 只需2分钟，简单构建velocity web项目
- 【OPENGL】第三篇 着色器基础（一）
- 说说null和undefined的那些事
- 编译本地64位版本的hadoop-2.6.0
- Validform —— 再也不用担心“表单验证”！
- 在Windows下使用BAT调度存储在资源库中的KTR
- golang的goroutine与channel
- HTTP协议学习笔记-1
- this class is not key value coding-compliant for the key XXX错误的解决方法
- UIAlertController使用的一个坑
- [河南省ACM省赛-第三届] 素数 （nyoj 169）
- Android相机启动crash错误排查
- fg和bg前后台调度命令
- Java NIO系列教程（一）java NIO简介
- Editplus中添加System.out.println()快捷键
- UPDATE语句中SET部分列赋值的先后顺序有影响么？
- 使用jQuery模拟鼠标点击a标签事件
- c# 实现ListView的排序
- 天天沉迷于皇上本宫的都是sb