vue项目以及独立HTML项目在手机端查看控制台日志 vcons

1 先说vue项目的
在入口文件index.html 添加

// 移动端调试
<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
</script>

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

2 独立的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'], // 可以在此设定要默认加载的面板
        //     maxLogNumber: 1000,
        //     onReady: function() {
        //         console.log('vConsole is ready.');
        //     },
        //     onClearLog: function() {
        //         console.log('on clearLog');
        //     }
        // });

大功告成！