前言
因為最近一直在弄移動端項目，由于在移動端無法打開控制臺，所以想辦法打印調試console的數據一直苦惱。之前用的是chrome的inspect調試，但是只能使用移動版的chrome查看數據，兼容不好，所以最近使用了vConsole 進行調試
使用
廢話不多說，說說怎么使用的吧。
首先去下載相關的代碼，由于只需要在頁面引入一個js文件，直接去下載就可以，地址： 請戳我
或者使用 npm 安裝：
npm install vconsole
使用webpack，然后js代碼中
import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsolelet vConsole = new VConsole() // 初始化
或者找到這個模塊下面的 dist/vconsole.min.js ，然后復制到自己的項目中
<head> <script src="dist/vconsole.min.js"></script></head><!--建議在 `<head>` 中引入哦~ --><script> // 初始化 var vConsole = new VConsole(); console.log('VConsole is cool');</script>結果
點擊后
證明安裝成功，打開查看你的打印吧。
注意
請注意，VConsole 只是 vConsole 的原型，而非一個已實例化的對象。所以在手動 new 實例化之前，vConsole 不會被插入到網頁中。
官方文檔： 請戳我
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
