Feat Require manual init vConsole var vConsole = new VConsole(option).
Feat Add configuaration vConsole.option, which can be set when new VConsole or setOption(key, value).
Feat Support for custom loading of default built-in plugins by using defaultPlugins in the above option.
Feat Add setOption(key, value) method.
Perf Support CSP rule unsafe-eval and unsafe-inline.
Perf Optimize font-size when initial-scale < 1.

Log plugin:

Feat Support maxLogNumber option to limit maximum log number.
Fix Fix the crash caused by printing large objects.
Perf Only the logs written as console.log('[system]', xxx) will be shown in System tab, so console.log('[system] xxx') will be shown in default log tab.

Network plugin:

Feat Support Query String Parameters and Form Data.
Perf Auto format JSON response.
Fix Fix bug that XHR status is always "Pending" when using 3rd HTTP libraries.

Plugins:

Feat Plugins can get vConsole instance by this.vConsole on/after init event is called.
Feat Add updateOption event to detect vConsole.option changes.
Feat Add Element tab as a built-in plugin.
Feat Add Storage tab as a built-in plugin.

Readme

Source

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:

Plugin:

Plugins

CDN

v3.0.0 (Recommended)
v2.5.2

Changelog

CHANGELOG.md

Feedback

QQ Group: 497430533

License

The MIT License

Keywords

FAQs

What is vconsole?

Is vconsole well maintained?

Last updated on 27 Sep 2017

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.

Install