A lightweight, extendable front-end developer tool for mobile web page.
vConsole is a lightweight, extendable front-end developer tool for mobile web pages. It provides a console panel to help developers debug their web applications on mobile devices.
Console Logging
vConsole allows you to log messages to a console panel on your mobile web page, making it easier to debug issues directly on mobile devices.
const vConsole = new VConsole();
console.log('Hello, vConsole!');Network Requests
vConsole can capture and display network requests, helping you to monitor and debug network activity in your mobile web application.
const vConsole = new VConsole();
vConsole.pluginList.network.on('send', function(request) {
console.log('Request sent:', request);
});Custom Plugins
vConsole supports custom plugins, allowing you to extend its functionality to suit your specific debugging needs.
class MyPlugin extends VConsole.VConsolePlugin {
constructor() {
super('my_plugin', 'My Plugin');
}
onRenderTab(callback) {
callback('<div>My custom plugin content</div>');
}
}
const vConsole = new VConsole();
vConsole.addPlugin(new MyPlugin());Eruda is another console for mobile browsers. It provides similar functionalities to vConsole, such as logging, network request monitoring, and custom plugins. Eruda is known for its rich set of built-in plugins and ease of use.
Weinre (Web Inspector Remote) is a web inspector tool that allows you to debug web pages remotely. It provides a more comprehensive set of debugging tools compared to vConsole, including DOM inspection and JavaScript debugging, but it requires a server to run.
JSConsole is a web-based console that allows you to log messages and execute JavaScript code remotely. It is simpler than vConsole and focuses mainly on logging and code execution, without the additional features like network monitoring.
English | 简体中文
A lightweight, extendable front-end developer tool for mobile web page.
vConsole is framework-free, you can use it in Vue or React or any other framework application.
Now vConsole is the official debugging tool for WeChat Miniprograms.
console.log|info|error|...XMLHttpRequest, Fetch, sendBeaconCookies, LocalStorage, SessionStorageFor details, please see the screenshots below.
Latest version: 
Detailed release notes for each version are available on Changelog.
See Tutorial for more usage details.
For installation, there are 2 primary ways of adding vConsole to a project:
$ npm install vconsole
import VConsole from 'vconsole';
const vConsole = new VConsole();
// or init with options
const vConsole = new VConsole({ theme: 'dark' });
// call `console` methods as usual
console.log('Hello world');
// remove it when you finish debugging
vConsole.destroy();
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
// VConsole will be exported to `window.VConsole` by default.
var vConsole = new window.VConsole();
</script>
Available CDN:
http://wechatfe.github.io/vconsole/demo.html
console.log('output to Log panel.')
console.log('[system]', 'output to System panel.')
vConsole:
Custom Plugin:
QQ Group: 497430533
3.15.1 (2023-06-01)
Feat(Netwrk) Add new option network.ignoreUrlRegExp to skip some requests. (PR #623)Fix(Core) Fix prototype pollution in vConsole.setOption(). (issue #616 #621)Fix(Core) Fix plugin event ready triggering before its HTML finishes rendering. (issue #591)Fix(Log) Reset group state when console.clear() is called. (issue #611)Fix(Log) Compatible with iOS (less than 13.4) that does not support ResizeObserver, but there may be a potential performance issue when printing a large number of logs. (issue #610)FAQs
A lightweight, extendable front-end developer tool for mobile web page.
The npm package vconsole receives a total of 136,130 weekly downloads. As such, vconsole popularity was classified as popular.
We found that vconsole demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Malicious Go packages are impersonating popular libraries to install hidden loader malware on Linux and macOS, targeting developers with obfuscated payloads.
Security News
Bybit's $1.46B hack by North Korea's Lazarus Group pushes 2025 crypto losses to $1.6B in just two months, already surpassing all of 2024's $1.49B total.
Security News
OpenSSF has published OSPS Baseline, an initiative designed to establish a minimum set of security-related best practices for open source software projects.