vConsole微信页面/移动端调试工具
最近在开发微信拼团页面,发现有个页面有的IOS版本显示空白,大多数同事的手机都是可以,猜测应该是IOS版本的对js的兼容问题导致的。由于在PC端inspect调试方式无法调试出问题,所以查了下移动端的调试工具,发现了vConsole这个神器,方便好用。
于是在页面js部分添加了以下代码:
<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> <script> var vConsole = new VConsole(); console.log('Hello world'); </script>
在出错同事的手机上,结果:
点击vConsole,结果:
然后发现原来是同事微信版本过低,箭头函数引起的不兼容报错。
如果使用的是webpack,js中可以这么使用vConsole:
1.先安装:npm install vconsole
2.js中引入:
import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole = new VConsole() // 初始化
vConsole源码 Git 地址