vconsole

English | 简体中文

vConsole

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

Features

• View console logs
• View network requests
• 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>
console.log('Hello world');
// then tap vConsole button to see the log
</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-resources
• vConsole-sources

Changelog

CHANGELOG.md

License

The MIT License (http://opensource.org/licenses/MIT)

Changelog

v2.4.0 (2016-08-31)

• Feat Add addTopBar plugin event, see Plugin: Event List.
• Feat Add log type filter to Log & System tab.
• Perf Log list will not automatically scroll to bottom while printing new logs if the viewport is not at the end of list.
• Perf Fix UI bugs.
• Fix Fix XSS issue when print object logs.
• Fix Switch button will not be positioned out of edges in some special cases.