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, LocalStorage and SessionStorage
• Execute JS command manually
• Custom plugin

Installing

Using unpkg CDN:

<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>

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:

• 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

Changelog

3.6.0 (2021-05-21)

• Feat(Log) Print unhandledrejection log. (PR #389 by @zimv)
• Feat(Network) Support navigator.sendBeacon() in Network panel. (PR #383 by @cola119)
• Feat(Network) Display "Type" (Request Type) in "General", including xhr|fetch|ping.
• Refactor(Core) Use TypeScript. Now Network panel is conveted to .ts file.
• Fix(Network) Recover original window.fetch() method when remove Network panel.
• Fix(Storage) Fix issue that the cookie of the non-first-level domain cannot be deleted. (issue #398)
• Fix(Element) Fix issue that elements are rendered as nested when attributes or characterData changed. (issue #399)