移動端調試插件 vConsole


 

平時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、項目啟動后右下角會出現綠色按鈕,點擊就可查看  

 分類:  vue

 

 

 


免責聲明!

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



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