vConsole 提供了一个特殊格式的日志 , 当使用 [system] 作为第一个参数时 , 会把日志输出到 System 面板:
console.log('[system]', 'foo'); // 'foo' 会输出到 System 面板
文章插图
vConsole系统面板
vConsole 还支持计时器的使用:
console.time('foo');// 启动名为 foo 的计时器console.timeEnd('foo'); // 停止 foo 计时器并输出经过的时间
vConsole 支持打印 Object 或 Array 变量 , 会以结构化 JSON 形式输出 , 并可折叠展开:var obj = {};obj.foo = 'bar';console.log(obj);/*Object{foo: "bar"}*/
vConsole的DOM元素查看面板 , 提供了基本的对各元素进行展开查看的功能:文章插图
vConsole元素面板
vConsole 还支持自定义插件和面板 , 可以自行编写界面 , 添加所需的新功能 。
总结vConsole 为在移动端的前端开发提供了一个功能丰富的开发者调试工具 , 使得在手机上也能够完成基本的代码调试工作 , 且安装使用简单 , 可扩展性强 , 极大地提高了开发效率 。vConsole 是一个十分值得关注的开发工具项目 , 目前已处于稳定维护阶段 , 值得前端开发者进行代码阅读和研究 , 并进行相关插件的开发 。
推荐阅读
- 联名|携手国创IP!realme Q5 Pro发布《时光代理人》联名定制礼盒:2299元
- 智能手机|千元级闪充旗舰 realme真我 Q5 Pro大升级电池+80W快充:33分钟充满
- 苹果8突然黑屏开不了机怎么办充电也没有,苹果8手机忽然黑屏开机不了怎么办?
- 手把手教你用上更好看的新版 Windows开始菜单
- 图片转成PDF的方法,手机电脑都能用
- 安卓手机文件解压用什么软件?
- 与强者、小人、弱者、穷人打交道的不同方法!跟着高手练情商
- 俯卧撑练手臂好吗?
- 好茶与坏茶的营养区别,杯茶在手
- 谷歌|小内存手机要起飞了!安卓13彻底干掉杀后台