[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> ```