平時web開發時,在手機上,如果是要看控制台信息,都需要alert彈窗,這樣很不友好.還會阻攔進程。
通過vConsole.js 重寫console方法,實現了類似於微信小程序的移動端調試效果。
具體使用方法也很簡單
<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); </script>
https://www.npmjs.com/package/vconsole
_______________________________________________________________________________________________
【JS插件】【1】移動端(微信等)使用 vConsole調試console
前言:因為在移動端無法打開控制台,所以用vConsole插件進行調試
正文:
1,下載vconsole.min.js文件(https://github.com/Tencent/vConsole)
2,將js文件引入到頁面中(<script src="path/to/vconsole.min.js"></script>)
3,初始化vconsole即可
<script> var vConsole = new VConsole(); </script>
參考文檔:
移動端(微信等)使用 vConsole調試console - m0_37036014的博客 - CSDN博客
https://blog.csdn.net/m0_37036014/article/details/80113635
分類:
JS插件
_______________________________________________________________________________________________
移動端真機調試插件vconsole 使用方法
1、安裝、
npm install vconsole
2、在main.js 文件中全局引入 vconsole 插件
if (PACK_ENV !== 'prod') { // 如果不是生產環境 就加載vconsole import('vconsole').then(VConsole => { new VConsole.default(); }); }
3、項目啟動后右下角會出現綠色按鈕,點擊就可查看