vue項目以及獨(dú)立HTML項目在手機(jī)端查看控制臺日志 vconsole

1 先說vue項目的
在入口文件index.html 添加

// 移動端調(diào)試
<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
</script>

然后npm run build 就可以查看控制臺了。

2 獨(dú)立的HTML項目先引入js文件
<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>

然后在js里添加以下代碼

// 初始化vConsole
        // window.vConsole = new window.VConsole({
        //     defaultPlugins: ['system', 'network', 'element', 'storage', 'performance'], // 可以在此設(shè)定要默認(rèn)加載的面板
        //     maxLogNumber: 1000,
        //     onReady: function() {
        //         console.log('vConsole is ready.');
        //     },
        //     onClearLog: function() {
        //         console.log('on clearLog');
        //     }
        // });

大功告成!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 最近感覺自己越來越像一個API調(diào)用程序員,很多基礎(chǔ)的原理以及項目構(gòu)建都沒實際操作過,所以這里動手自己去搭建了一個v...
    Aoyi_G閱讀 1,609評論 0 2
  • ## 框架和庫的區(qū)別?> 框架(framework):一套完整的軟件設(shè)計架構(gòu)和**解決方案**。> > 庫(lib...
    Rui_bdad閱讀 3,153評論 1 4
  • 前言 首先,當(dāng)我們編寫代碼時,不通過模塊化的思想想要引入一個js,通常是在html文件中創(chuàng)建一個script標(biāo)簽,...
    zouCode閱讀 2,492評論 0 1
  • 響應(yīng)式布局的理解 響應(yīng)式開發(fā)目的是一套代碼可以在多種終端運(yùn)行,適應(yīng)不同屏幕的大小,其原理是運(yùn)用媒體查詢,在不同屏幕...
    懶貓_6500閱讀 857評論 0 0
  • 前言 本文主要從webpack4.x入手,會對平時常用的Webpack配置一一講解,各個功能點(diǎn)都有對應(yīng)的詳細(xì)例子,...
    BetterChen閱讀 2,036評論 0 3

友情鏈接更多精彩內(nèi)容