做移動端項目小伙伴們布隔,經(jīng)常由于在移動端無法打開控制臺
,所以想辦法打印調(diào)試console的數(shù)據(jù)一直苦惱火架。也嘗試過chrome的 Inspect Devices 但是會存在有些機型在設(shè)備列表頁找不到的情況雷厂,兼容不好 所以又尋覓了一種更加便捷的方法 ——vConsole慕的。
PS.對以上方法感興趣的小伙伴可以參考https://www.cnblogs.com/terrylin/p/4606277.html
vConsole的使用方法也是很簡單便捷
1.下載需引入一個js文件,下載方法有兩種
1)直接去官網(wǎng)下載 地址:https://github.com/Tencent/vConsole/releases/tag/v3.1.0
2)使用 npm 安裝:
npm install vsconsole
2.在頁面引入一個js文件,并且申明
1)npm 安裝
import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化
2) 直接引入
<head>
<script src="dist/vconsole.min.js"></script>
</head>
<script>
var vConsole = new VConsole();// 初始化
</script>
完成以上兩個步驟甩骏,無論使用的何種框架都是可以在手機端 通過vsconsole 打開類控制臺 快速定位您的問題窗市。