19 Star 248 Fork 37

腾讯开源 / vConsole

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

English | 简体中文

vConsole

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

vConsole is the official debugging tool for WeChat Miniprograms.

Features

  • Logs: console.log|info|error|...
  • Network: XMLHttpRequest, Fetch, sendBeacon
  • Element: HTML elements tree
  • Storage: Cookies, LocalStorage, SessionStorage
  • Execute JS command manually
  • Custom plugins

Release Notes

Latest version: npm version

Detailed release notes for each version are available on Changelog.

Guide

See Tutorial for more usage details.

For installation, there are 2 primary ways of adding vConsole to a project:

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 CDN in HTML:

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole will be exported to `window.VConsole` by default.
  var vConsole = new window.VConsole();
</script>

Preview

http://wechatfe.github.io/vconsole/demo.html

Documentation

vConsole:

Plugin:

Third-party Plugins

Feedback

QQ Group: 497430533

License

The MIT License

Repository Comments ( 3 )

Sign in to post a comment

About

一个轻量、可拓展、针对手机网页的前端开发者调试面板 expand collapse
Cancel

Releases

No release

vConsole

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://git.oschina.net/Tencent/vConsole.git
git@git.oschina.net:Tencent/vConsole.git
Tencent
vConsole
vConsole
dev

Search

182229 41614e54 1850385 182230 7885ed45 1850385