因为最近一直在弄移动端项目,由于在移动端<代码>无法打开控制台> 代码,所以想办法打印调试控制台的数据一直苦恼。之前用的是铬的<代码>检查代码> 调试,但是只能使用移动版的chrome查看数据,兼容不好,所以最近使用了<代码> vConsole 代码>进行调试
废话不多说,说说怎么使用的吧。
首先去下载相关的代码,由于只需要在页面引入一个js文件,直接去下载就可以,地址:请戳我
或者使用npm安装:
npm安装vconsole
使用webpack,然后js代码中
从“进口VConsole VConsole/dist/vconsole.min。js '//导入vconsole 让vConsole=new vConsole()//初始化
或者找到这个模块下面的<代码> dist/vconsole.min。js代码> ,然后复制到自己的项目中
& lt; head> & lt;脚本src=" https://www.yisu.com/zixun/dist/vconsole.min.js "祝辞& lt;/script> & lt;/head> & lt; !——建议在“& lt; head>”中引入哦~——比; & lt; script>//初始化 var vConsole=new vConsole (); 控制台。日志(“VConsole很酷”); & lt;/script>
结果
证明安装成功,打开查看你的打印吧。
请注意,<代码> VConsole> 代码只是<代码> VConsole 代码>的<代码>原型> 代码,而非一个<代码>已实例化> 代码的对象,所以在手动新实例化之前,VConsole不会被插入到网页中。
官方文档:请戳我
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。