前言
在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
