vconsole

vConsole is an extendable developer tool designed for debugging mobile web pages directly in the browser. It is framework-free and can be added to Vue, React, or other front-end applications. The project is also identified as the official debugging tool for WeChat Mini Programs. Its built-in capabilities include capturing console logs such as log, info, and error messages; inspecting network requests made through XMLHttpRequest, Fetch, and sendBeacon; browsing a live HTML element tree; viewing and editing Cookies, LocalStorage, and SessionStorage; and running JavaScript commands manually. It supports light and dark themes and can be destroyed after debugging. vConsole can be installed from npm and initialized with `new VConsole()`, or loaded from a CDN script that exposes `window.VConsole`. The repository links to a live demo, tutorials, API documentation, built-in plugin references, and guides for developing custom plugins. Community integrations listed include Webpack and Vite plugins, a stats plugin, a Vue DevTools plugin, and other extensions. The software is released under the MIT License.