在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
English | 简体中文 vConsole一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 功能特性
详情可参考下方的截图。 版本说明每个版本的详细说明请参阅 Changelog。 上手详细使用方法请参阅使用教程。 将 vConsole 添加到项目中主要有以下方式: 方法一:使用 npm(推荐)$ npm install vconsole Import 并初始化后,即可使用 import VConsole from 'vconsole';const vConsole = new VConsole();// 或者使用配置参数来初始化,详情见文档const vConsole = new VConsole({ maxLogNumber: 1000 });// 接下来即可照常使用 `console` 等方法console.log('Hello world');// 结束调试后,可移除掉vConsole.destroy(); 方法二:使用 CDN 直接插入到 HTML<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script><script> // VConsole 默认会挂载到 `window.VConsole` 上 var vConsole = new window.VConsole();</script> 可用的 CDN:
手机预览http://wechatfe.github.io/vconsole/demo.html 截图概览浅色主题深色主题Log 面板Log 样式命令行System 面板Performance 信息输入日志到不同的 log 面板console.log('output to Log panel.')console.log('[system]', 'output to System panel.') Network 面板请求、回包的详情Element 面板查看 HTML 对象结构Storage 面板添加、编辑、删除、复制 Cookies / LocalStorage / SessionStorage文档vConsole 本体: 自定义插件: 第三方插件列表
交流反馈QQ 群:497430533 License |
请发表评论