微信等移动端如何使用vConsole进行console调试？
- 内容介绍
- 文章标签
- 相关推荐
本文共计489个文字，预计阅读时间需要2分钟。
前言：由于最近一直在做移动端项目，由于在移动端无法打开控制台，所以想办 法打印调试console的数据。之前用的是Chrome的inspect调试，但只能使用移动版Chrome查看数据。
前言
因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试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 ，然后复制到自己的项目中
<head> <script src="dist/vconsole.min.js"></script> </head> <!--建议在 `<head>` 中引入哦~ --> <script> // 初始化 var vConsole = new VConsole(); console.log('VConsole is cool'); </script>
结果
点击后
证明安装成功，打开查看你的打印吧。
注意
请注意，VConsole 只是 vConsole 的原型，而非一个已实例化的对象。所以在手动 new 实例化之前，vConsole 不会被插入到网页中。
官方文档： 请戳我
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自由互联。
本文共计489个文字，预计阅读时间需要2分钟。
前言：由于最近一直在做移动端项目，由于在移动端无法打开控制台，所以想办 法打印调试console的数据。之前用的是Chrome的inspect调试，但只能使用移动版Chrome查看数据。
前言
因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试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 ，然后复制到自己的项目中
<head> <script src="dist/vconsole.min.js"></script> </head> <!--建议在 `<head>` 中引入哦~ --> <script> // 初始化 var vConsole = new VConsole(); console.log('VConsole is cool'); </script>
结果
点击后
证明安装成功，打开查看你的打印吧。
注意
请注意，VConsole 只是 vConsole 的原型，而非一个已实例化的对象。所以在手动 new 实例化之前，vConsole 不会被插入到网页中。
官方文档： 请戳我
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自由互联。