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 地址

vConsole微信页面/移动端调试工具

推荐阅读