移動端 (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工具差不多。

 

這樣就可以隨時看到日志和打印信息了。

 

拜了個拜!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM