JSPM

  • Created
  • Published
  • Downloads 46234
  • Score
    100M100P100Q140420F
  • License MIT

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

Package Exports

  • vconsole
  • vconsole/dist/vconsole.min
  • vconsole/dist/vconsole.min.d.ts
  • vconsole/dist/vconsole.min.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vconsole) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

English | 简体中文

vConsole

npm version

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:

Plugin:

Third-party Plugins

Changelog

CHANGELOG.md

Feedback

QQ Group: 497430533

License

The MIT License