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

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');
        //     }
        // });

大功告成!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近感觉自己越来越像一个API调用程序员,很多基础的原理以及项目构建都没实际操作过,所以这里动手自己去搭建了一个v...
    Aoyi_G阅读 1,532评论 0 2
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,028评论 1 4
  • 前言 首先,当我们编写代码时,不通过模块化的思想想要引入一个js,通常是在html文件中创建一个script标签,...
    zouCode阅读 2,398评论 0 1
  • 响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 811评论 0 0
  • 前言 本文主要从webpack4.x入手,会对平时常用的Webpack配置一一讲解,各个功能点都有对应的详细例子,...
    BetterChen阅读 1,974评论 0 3