vConsole - 手机上的前端开发者调试工具( 二 )

vConsole 提供了一个特殊格式的日志 , 当使用 [system] 作为第一个参数时 , 会把日志输出到 System 面板:
console.log('[system]', 'foo'); // 'foo' 会输出到 System 面板

vConsole - 手机上的前端开发者调试工具

文章插图
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 为在移动端的前端开发提供了一个功能丰富的开发者调试工具 , 使得在手机上也能够完成基本的代码调试工作 , 且安装使用简单 , 可扩展性强 , 极大地提高了开发效率 。vConsole 是一个十分值得关注的开发工具项目 , 目前已处于稳定维护阶段 , 值得前端开发者进行代码阅读和研究 , 并进行相关插件的开发 。




推荐阅读