移动端调试插件 vConsole

 

平时web开发时，在手机上，如果是要看控制台信息，都需要alert弹窗，这样很不友好.还会阻拦进程。

通过vConsole.js 重写console方法，实现了类似于微信小程序的移动端调试效果。

具体使用方法也很简单

<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script>
    <script>
        // init vConsole
        var vConsole = new VConsole();
        console.log('Hello world');
    </script>

https://www.npmjs.com/package/vconsole

_______________________________________________________________________________________________

【JS插件】【1】移动端（微信等）使用 vConsole调试console

 

前言：因为在移动端无法打开控制台，所以用vConsole插件进行调试

正文：

1，下载vconsole.min.js文件（https://github.com/Tencent/vConsole）

2，将js文件引入到页面中（<script src="path/to/vconsole.min.js"></script>）

3，初始化vconsole即可

  <script>
    var vConsole = new VConsole();
  </script>

参考文档：

移动端（微信等）使用 vConsole调试console - m0_37036014的博客 - CSDN博客
https://blog.csdn.net/m0_37036014/article/details/80113635

 

分类: JS插件

_______________________________________________________________________________________________

移动端真机调试插件vconsole 使用方法  

1、安装、

npm install vconsole

2、在main.js 文件中全局引入 vconsole 插件

if (PACK_ENV !== 'prod') {
  // 如果不是生产环境 就加载vconsole
  import('vconsole').then(VConsole => {
    new VConsole.default();
  });
}

3、项目启动后右下角会出现绿色按钮，点击就可查看  

 分类:  vue