tencent/vconsole

vConsole is a developer debugging tool designed specifically for mobile web pages. On a desktop browser, developers have easy access to the browser's built-in developer tools (console, network inspector, storage viewer), but on a phone those tools aren't available. vConsole solves this by injecting a small floating panel directly into your web page, giving you access to debugging features on any mobile device. The panel includes several tabs: a log viewer that captures all console.log, console.error, and similar messages; a network monitor that shows requests made by the page; an element inspector that shows the HTML structure; and a storage viewer where you can read, add, edit, or delete cookies, LocalStorage, and SessionStorage. You can also type and run JavaScript commands directly from the panel. It is framework-agnostic, meaning it works with any JavaScript framework or with plain HTML pages. vConsole is the official debugging tool for WeChat Miniprograms (mini apps inside the WeChat messaging platform). To add it to a project, you either install it via npm and import it with a couple of lines of JavaScript, or you load it directly from a CDN link in your HTML. After you're done debugging, you call vConsole.destroy() to remove it. The tool is written in TypeScript and released under the MIT license. A plugin system lets developers extend it with custom panels.