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