移動端 (H5) 調試工具 -- vconsole

最近在改一個移動端項目，在手機上調試賊頭疼，什麼日誌都看不到，分析不了bug問題。

而後我同事給我介紹了一個移動端的調試神器 -- vconsole

 

有了這個神器，領導不再用擔憂個人工做啦！！！

 

0.0

 

怎麼使用VConsole呢？

超簡單的，只須要2步

第一步：

在頁面引入vconsole的cdn： https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js

或者是下載下來

還能夠安裝依賴 npm install  vconsole，請根據本身的項目自行選擇。

 

第二步：

在js裏面初始化vconsole：

var vConsole = new VConsole();

 

這樣就好了。

 

接下來展現一下效果。

初始化後右下角會多一個vconsole的按鈕，點擊能夠彈出日誌信息窗口。

 

日誌窗口就和瀏覽器的console工具差很少。

 

這樣就能夠隨時看到日誌和打印信息了。

 

拜了個拜！