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, LocalStorage and SessionStorage
• 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>

For TypeScript users:

import 'path/to/vconsole.min.d.ts';

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

Third-party Plugins

• vConsole-sources
• vconsole-webpack-plugin
• vconsole-stats-plugin
• vconsole-vue-devtools-plugin
• vconsole-outputlog-plugin

Changelog

CHANGELOG.md

Feedback

QQ Group: 497430533

License

The MIT License