[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3804":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},3804,"vConsole","Tencent\u002FvConsole","Tencent","A lightweight, extendable front-end developer tool for mobile web page.","",null,"TypeScript",17474,2963,298,44,0,1,3,17,4,75.2,"Other",false,"dev",[26,27,28],"console","mobile","wechat","2026-06-12 04:00:19","English | [简体中文](.\u002FREADME_CN.md)\n\nvConsole\n===\n\nA lightweight, extendable front-end developer tool for mobile web page.\n\nvConsole is framework-free, you can use it in Vue or React or any other framework application.\n\nNow vConsole is the official debugging tool for WeChat Miniprograms.\n\n---\n\n## Features\n\n- Logs: `console.log|info|error|...`\n- Network: `XMLHttpRequest`, `Fetch`, `sendBeacon`\n- Element: HTML elements tree\n- Storage: `Cookies`, `LocalStorage`, `SessionStorage`\n- Execute JS command manually\n- Custom plugins\n\nFor details, please see the screenshots below.\n\n---\n\n## Release Notes\n\nLatest version: [![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvconsole\u002Flatest.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvconsole)\n\nDetailed release notes for each version are available on [Changelog](.\u002FCHANGELOG.md).\n\n---\n\n## Guide\n\nSee [Tutorial](.\u002Fdoc\u002Ftutorial.md) for more usage details.\n\nFor installation, there are 2 primary ways of adding vConsole to a project:\n\n#### Method 1: Using npm (Recommended)\n\n```bash\n$ npm install vconsole\n```\n\n```javascript\nimport VConsole from 'vconsole';\n\nconst vConsole = new VConsole();\n\u002F\u002F or init with options\nconst vConsole = new VConsole({ theme: 'dark' });\n\n\u002F\u002F call `console` methods as usual\nconsole.log('Hello world');\n\n\u002F\u002F remove it when you finish debugging\nvConsole.destroy();\n```\n\n#### Method 2: Using CDN in HTML:\n\n```html\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fvconsole@latest\u002Fdist\u002Fvconsole.min.js\">\u003C\u002Fscript>\n\u003Cscript>\n  \u002F\u002F VConsole will be exported to `window.VConsole` by default.\n  var vConsole = new window.VConsole();\n\u003C\u002Fscript>\n```\n\nAvailable CDN:\n\n- https:\u002F\u002Funpkg.com\u002Fvconsole@latest\u002Fdist\u002Fvconsole.min.js\n- https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvconsole@latest\u002Fdist\u002Fvconsole.min.js\n\n---\n\n## Preview\n\n[http:\u002F\u002Fwechatfe.github.io\u002Fvconsole\u002Fdemo.html](http:\u002F\u002Fwechatfe.github.io\u002Fvconsole\u002Fdemo.html)\n\n![](.\u002Fdoc\u002Fscreenshot\u002Fqrcode.png)\n\n---\n\n## Screenshots\n\n### Overview\n\n\u003Cdetails>\n  \u003Csummary>Light theme\u003C\u002Fsummary>\n\n![](.\u002Fdoc\u002Fscreenshot\u002Foverview_light.jpg)\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Dark theme\u003C\u002Fsummary>\n\n![](.\u002Fdoc\u002Fscreenshot\u002Foverview_dark.jpg)\n\u003C\u002Fdetails>\n\n### Log Panel\n\n\u003Cdetails>\n  \u003Csummary>Log styling\u003C\u002Fsummary>\n\n![](.\u002Fdoc\u002Fscreenshot\u002Fplugin_log_types.jpg)\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Command line\u003C\u002Fsummary>\n\n![](.\u002Fdoc\u002Fscreenshot\u002Fplugin_log_command.jpg)\n\u003C\u002Fdetails>\n\n### System Panel\n\n\u003Cdetails>\n  \u003Csummary>Performance info\u003C\u002Fsummary>\n\n![](.\u002Fdoc\u002Fscreenshot\u002Fplugin_system.jpg)\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Output logs to different panel\u003C\u002Fsummary>\n\n```javascript\nconsole.log('output to Log panel.')\nconsole.log('[system]', 'output to System panel.')\n```\n\u003C\u002Fdetails>\n\n### Network Panel\n\n\u003Cdetails>\n  \u003Csummary>Request details\u003C\u002Fsummary>\n\n![](.\u002Fdoc\u002Fscreenshot\u002Fplugin_network.jpg)\n\u003C\u002Fdetails>\n\n### Element Panel\n\n\u003Cdetails>\n  \u003Csummary>Realtime HTML elements structure\u003C\u002Fsummary>\n\n![](.\u002Fdoc\u002Fscreenshot\u002Fplugin_element.jpg)\n\u003C\u002Fdetails>\n\n### Storage Panel\n\n\u003Cdetails>\n  \u003Csummary>Add, edit, delete or copy Cookies \u002F LocalStorage \u002F SessionStorage\u003C\u002Fsummary>\n\n![](.\u002Fdoc\u002Fscreenshot\u002Fplugin_storage.jpg)\n\u003C\u002Fdetails>\n\n---\n\n## Documentation\n\nvConsole:\n\n - [Tutorial](.\u002Fdoc\u002Ftutorial.md)\n - [Public Properties & Methods](.\u002Fdoc\u002Fpublic_properties_methods.md)\n - [Builtin Plugin: Properties & Methods](.\u002Fdoc\u002Fplugin_properties_methods.md)\n\nCustom Plugin:\n\n - [Plugin: Getting Started](.\u002Fdoc\u002Fplugin_getting_started.md)\n - [Plugin: Building a Plugin](.\u002Fdoc\u002Fplugin_building_a_plugin.md)\n - [Plugin: Event List](.\u002Fdoc\u002Fplugin_event_list.md)\n\n---\n\n## Third-party Plugins\n\n - [vConsole-sources](https:\u002F\u002Fgithub.com\u002FWechatFE\u002FvConsole-sources)\n - [vconsole-webpack-plugin](https:\u002F\u002Fgithub.com\u002Fdiamont1001\u002Fvconsole-webpack-plugin)\n - [vconsole-stats-plugin](https:\u002F\u002Fgithub.com\u002Fsmackgg\u002FvConsole-Stats)\n - [vconsole-vue-devtools-plugin](https:\u002F\u002Fgithub.com\u002FZippowxk\u002Fvue-vconsole-devtools)\n - [vconsole-outputlog-plugin](https:\u002F\u002Fgithub.com\u002Fsunlanda\u002Fvconsole-outputlog-plugin)\n - [vite-plugin-vconsole](https:\u002F\u002Fgithub.com\u002Fvadxq\u002Fvite-plugin-vconsole)\n\n---\n\n## Feedback\n\nQQ Group: 497430533\n\n![](.\u002Fdoc\u002Fscreenshot\u002Fqq_group.png)\n\n---\n\n## License\n\n[The MIT License](.\u002FLICENSE)\n","vConsole 是一个轻量级、可扩展的前端开发者工具，专为移动网页设计。它支持框架无关的使用方式，可以在 Vue、React 或任何其他框架中轻松集成，并且是微信小程序的官方调试工具。vConsole 提供了包括日志记录、网络请求监控、元素树查看以及存储管理（Cookies、LocalStorage 和 SessionStorage）在内的多种核心功能。此外，用户还可以手动执行 JavaScript 命令和自定义插件来扩展其功能。此工具非常适合需要在移动端进行快速调试和开发的场景，无论是普通网页还是微信小程序等应用都能有效提升开发效率。",2,"2026-06-11 02:56:24","top_language"]