移动端调试工具vConsole

image.png

前言

因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试console的数据一直苦恼。之前用的是 微信小程序编译器调试，很不方便，所以最近使用了vConsole 进行调试

使用

废话不多说，说说怎么使用的吧。
首先去下载相关的代码，由于只需要在页面引入一个js文件，直接去下载就可以，地址： 请戳我

或者使用 npm 安装：

npm install vconsole
import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化

使用webpack，然后js代码中

image.png

结果 此时可以使用console.log
原理：改写了console.log,重写了实现，用vConsole代理

参考地址
https://blog.csdn.net/m0_37036014/article/details/80113635 SDNC
https://www.jianshu.com/p/f79d223ca616 简书