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