Skip to content
dev
Switch branches/tags
Code

English | 简体中文

vConsole

npm version

A lightweight, extendable front-end developer tool for mobile web page.

Features

  • View console logs
  • View network requests
  • View document elements
  • View Cookies, LocalStorage and SessionStorage
  • Execute JS command manually
  • Custom plugin

Usage

Method 1: Using npm (Recommanded)

$ npm install vconsole
import VConsole from 'vconsole';

const vConsole = new VConsole();
// or init with options
const vConsole = new VConsole({ maxLogNumber: 1000 });

// call `console` methods as usual
console.log('Hello world');

// remove it when you finish debugging
vConsole.destroy();

Method 2: Using unpkg CDN in HTML:

<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
<script>
  // VConsole will be exported to `window.VConsole` by default.
  var vConsole = new window.VConsole();
</script>

See Tutorial for more usage details.

Preview

http://wechatfe.github.io/vconsole/demo.html

Documentation

vConsole:

Plugin:

Third-party Plugins

Changelog

CHANGELOG.md

Feedback

QQ Group: 497430533

License

The MIT License