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>