vconsole

English | 简体中文

vConsole

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

Features

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

Usage

Download the latest release. (DO NOT copy dist/vconsole.min.js in the dev branch)

Or, install via npm:

npm install vconsole

Import dist/vconsole.min.js to your project:

<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script>

See Tutorial for more details.

Preview

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

Documentation

vConsole:

• Tutorial
• Public Properties & Methods
• Helper Functions

Plugin:

• Plugin: Getting Started
• Plugin: Building a Plugin
• Plugin: Event List

Plugins

• vConsole-sources
• vconsole-webpack-plugin

CDN

• v3.0.0 (Recommended)
• v2.5.2

Changelog

CHANGELOG.md

Feedback

QQ Group: 497430533

License

The MIT License

Changelog

v3.1.0 (2017-12-27)

• Feat Add vConsole.showSwitch() and vConsole.hideSwitch() methods, see Public Properties & Methods.
• Feat Add onReady and onClearLog callback function to vConsole.option.
• Feat Auto clear logs when console.clear() is called.
• Fix Fix \r error when build in Windows.
• Fix Fix Symbol error in iOS8 or other old OS.