
image.png
前言
因為最近一直在弄移動端項目,由于在移動端無法打開控制臺,所以想辦法打印調(diào)試console的數(shù)據(jù)一直苦惱。之前用的是 微信小程序編譯器調(diào)試,很不方便,所以最近使用了vConsole 進行調(diào)試
使用
廢話不多說,說說怎么使用的吧。
首先去下載相關(guān)的代碼,由于只需要在頁面引入一個js文件,直接去下載就可以,地址: 請戳我
或者使用 npm 安裝:
npm install vconsole
import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化
使用webpack,然后js代碼中

image.png
結(jié)果 此時可以使用console.log
原理:改寫了console.log,重寫了實現(xiàn),用vConsole代理
參考地址
https://blog.csdn.net/m0_37036014/article/details/80113635 SDNC
http://www.itdecent.cn/p/f79d223ca616 簡書