开发工具 你所不知道的 console 对象的五个函数 (功能)

leopku · 2014年11月10日 · 最后由 leopku 回复于 2014年11月17日 · 3945 次阅读

文档信息 原文https://shellycloud.com/blog/2014/11/five-functions-of-the-console-object-you-didnt-know 作者@_bkzl 日期:2014 年 11 月

翻译信息 译者@leopku 链接http://www.himysql.com/2014/11/06/five-functions-of-the-console-object-you-didnt-know/ 翻译版本:1 翻译日期:2014 年 11 月 10

console.log 常被用来作为日志之用,但是 Console 对象还有一堆类似有用函数鲜为人知。本文中我将选择五个很有意义、在每天的工作中都能实用,却不是很流行的函数。

所有的功能均在 Google Chrome 38 版本中测试有效

console.assert(expression, message)

如果第一个参数的值为假,该函数将在 web 控制台输出第二个参数;如果第一个参数的值为真,神马也不会输出。

> console.assert(document.querySelector('body'), "Missing 'body' element");

> console.assert(document.querySelector('.foo'), "Missing '.foo' element");
[Error] Assertion failed: Missing '.foo' element

console.table(object)

该函数将对象或数组以表格的方式显示 更多关于 console.table() (戳) 《javascript 高级调(试) 技之 console.table() 》 「作者:Marius Schulz」「译文(计划中)」

console.profile(name)

console.profile(name) 在控制台中开始一个 CPU 分析器。参数可以扔进去一个报表的名称。每个分析器会保存在单独的 tab 中并以下拉列表分组。记住有始有终,不要(始) 乱终弃,要调用 console.profileEnd() 停止分析器。

console.group(message)

console.group(message) 分组所有后面的日志输出到下拉列表里,直到 console.groupEnd() 被调用。列表可以是嵌套滴。console.groupCollapsed(message) 类似,只不过默认列表是折叠状态。

console.time(name)

console.time(name) 将启动一个以参数命名的计数器,计算被 console.timeEnd(name) 命令终止时流逝的时间。

> console.time('Saving user');
> console.log('User saved');
> console.timeEnd('Saveing user');
Saving user: 2.750ms

想看所有的函数戳 Google Chrome 网站上的《Console API 指南》《console 的用法》

console.timeEnd('Saveing user'); 错了

#3 楼 @otinn 多谢,已经更正

需要 登录 后方可回复, 如果你还没有账号请 注册新账号