[TOC] ## 概述 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 ## 功能特性 * 日志(Logs)：`console.log|info|error|...` * 网络(Network)：`XMLHttpRequest`,`Fetch`,`sendBeacon` * 节点(Element)： HTML 节点树 * 存储(Storage)：`Cookies`,`LocalStorage`,`SessionStorage` * 手动执行 JS 命令行 * 自定义插件 ## 安装 ## 方式一 ``` $ npm install vconsole ``` 使用 ``` import VConsole from 'vconsole'; const vConsole = new VConsole(); // 或者使用配置参数来初始化，详情见文档 const vConsole = new VConsole({ theme: 'dark' }); // 接下来即可照常使用 `console` 等方法 console.log('Hello world'); // 结束调试后，可移除掉 vConsole.destroy(); ``` ## 方式二 使用 CDN 直接插入到 HTML ``` <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script> <script> // VConsole 默认会挂载到 `window.VConsole` 上 var vConsole = new window.VConsole(); </script> ```