A lightweight, extendable front-end developer tool for mobile web page.
A lightweight, extendable front-end developer tool for mobile web page.
English | 简体中文
A lightweight, extendable front-end developer tool for mobile web page.
vConsole is framework-free, you can use it in Vue or React or any other framework application.
Now vConsole is the official debugging tool for WeChat Miniprograms.
console.log|info|error|...XMLHttpRequest, Fetch, sendBeaconCookies, LocalStorage, SessionStorageFor details, please see the screenshots below.
Detailed release notes for each version are available on Changelog.
See Tutorial for more usage details.
For installation, there are 2 primary ways of adding vConsole to a project:
$ npm install vconsole
import VConsole from 'vconsole';
const vConsole = new VConsole();
// or init with options
const vConsole = new VConsole({ theme: 'dark' });
// call `console` methods as usual
console.log('Hello world');
// remove it when you finish debugging
vConsole.destroy();
<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>
Available CDN:
http://wechatfe.github.io/vconsole/demo.html
console.log('output to Log panel.')
console.log('[system]', 'output to System panel.')
vConsole:
Custom Plugin:
QQ Group: 497430533
Uncaught TypeError when assigning null to xhr.onreadystatechange/onprogress (breaks hls.js abort)
vc-panel有时会被遮挡，建议可以用options自定义panel和按钮的z-index值
处理流式数据的错误报警
Prototype Pollution in network.model.ts
查看network时，看不到response的数据，点击response没有反应
在Storage里使用编辑功能修改key值，保存会自动把key和value变为空
苹果手机无法复制console.log里打印的信息
开发环境不报错，生产环境报错，版本3.15.1
vConsole 重写了全局 fetch 导致 native api 类型校验不通过
版本v3.15.1，vconsole底部ok按钮点击，样式错乱