移動端(微信等使用vConsole調(diào)試console的方法
前言
因為最近一直在弄移動端項目,由于在移動端無法打開控制臺,所以想辦法打印調(diào)試console的數(shù)據(jù)一直苦惱。之前用的是chrome的inspect調(diào)試,但是只能使用移動版的chrome查看數(shù)據(jù),兼容不好,所以最近使用了vConsole 進行調(diào)試
使用
廢話不多說,說說怎么使用的吧。
首先去下載相關(guān)的代碼,由于只需要在頁面引入一個js文件,直接去下載就可以,地址: 請戳我
或者使用 npm 安裝:
npm install vconsole
使用webpack,然后js代碼中
import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole = new VConsole() // 初始化
或者找到這個模塊下面的 dist/vconsole.min.js ,然后復(fù)制到自己的項目中
<head>
<script src="dist/vconsole.min.js"></script>
</head>
<!--建議在 `<head>` 中引入哦~ -->
<script>
// 初始化
var vConsole = new VConsole();
console.log('VConsole is cool');
</script>
結(jié)果
點擊后

證明安裝成功,打開查看你的打印吧。
注意
請注意,VConsole 只是 vConsole 的原型,而非一個已實例化的對象。所以在手動 new 實例化之前,vConsole 不會被插入到網(wǎng)頁中。
官方文檔: 請戳我
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
用Javascript 和 CSS 實現(xiàn)腳注(Footnote)效果
腳注(Footnote)是向用戶提供更多信息的一個最佳途徑,也是主體信息的一個有效補充,常見于各種印刷書籍中。2009-09-09
淺析$(function) ready和onload 的區(qū)別
新手剛學(xué)習(xí)js和jq的時候難免會接觸題目所標識的相關(guān)內(nèi)容,下面小編通過本教程給大家講解(function) ready和onload 的區(qū)別,感興趣的朋友一起看看吧2016-09-09
spirngmvc js傳遞復(fù)雜json參數(shù)到controller的實例
下面小編就為大家分享一篇spirngmvc js傳遞復(fù)雜json參數(shù)到controller的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
JavaScript中內(nèi)置函數(shù)Map()的使用
Map()是JavaScript中內(nèi)置的一種數(shù)據(jù)結(jié)構(gòu),它允許您將鍵值對映射到任意類型的值,主要介紹了JavaScript中內(nèi)置函數(shù)Map()的使用,感興趣的可以了解一下2023-05-05
javascript中的循環(huán)語句for語句深入理解
for循環(huán)是多數(shù)語言都有的。在javascript中,for循環(huán)有幾種不同的使用情況,下面為大家一一介紹下2014-04-04

