移动端调试工具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 简书

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容