前言因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试，但是只能使用移动版的chrome查看数据，兼容不好，所以最近使用了vConsole进行调试使用废话不多说，说说怎么使用的吧。
首先去下载相关的代码，由于只需要在页面引入一个js文件，直接去下载就可以，地址：请戳我或者使用 npm 安装：npm install vconsole使用webpack，然后js代码中import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole = new VConsole() // 初始化或者找到这个模块下面的dist/vconsole.min.js，然后复制到自己的项目中结果
点击后
证明安装成功，打开查看你的打印吧。
注意请注意，VConsole只是vConsole的原型，而非一个已实例化的对象。所以在手动 new 实例化之前，vConsole 不会被插入到网页中。
官方文档：
请戳我以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:详解vue移动端项目代码拆分记录使用vue开发移动端管理后台的注意事项vue插件mescroll.js实现移动端上拉加载和下拉刷新利用Vconsole和Fillder进行移动端抓包调试方法jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法jQuery实现适用于移动端的跑马灯抽奖特效示例如何封装了一个vue移动端下拉加载下一页数据的组件原生js实现移动端Touch轮播图的方法步骤js实现移动端轮播图移动端使用CSS或JS判断横屏和竖屏的讲解