vConsole-移动端调试神器

前言

在web应用开发过程中，可以console.log去输出信息，但是在移动端，console.log的信息我们是看不到的，如何将console.log应用到移动端呢？

vConsole

• 一个轻量、可拓展、针对手机网页的前端开发者调试面板。。
• vConsole 是框架无关的，可以在Vue、React或任何其他框架中使用。
• vConsole是现在微信微程序的官方调试工具。

功能特性

日志(Logs)： console.log|info|error|...
网络(Network)： XMLHttpRequest, Fetch, sendBeacon
节点(Element)： HTML 节点树
存储(Storage)： Cookies, LocalStorage, SessionStorage
手动执行 JS 命令行
自定义插件

用法

• 使用npm

npm install vconsole

import VConsole from 'vconsole';

const vConsole = new VConsole();
// or init with options
const vConsole = new VConsole({ maxLogNumber: 1000 });

// call `console` methods as usual
console.log('Hello world');

// remove it when you finish debugging
vConsole.destroy();

• 使用CDN

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole will be exported to `window.VConsole` by default.
  var vConsole = new window.VConsole();
</script>

参考链接：
github-vConsole
npm-vConsole