前端开发平时经常会用到console.log()，但是，还有更多其它的方法,console 对象提供对浏览器调试控制台的访问。它的使用方法因浏览器而异，但通常会提供一组相似的功能。

最常用的控制台方法：

• console.log()– 用于日志信息的一般输出。
• console.info()– 向web控制台输出一个通知信息。
• console.debug()– 输出“调试”级别的消息且仅仅控制台配置为显示调试输出时才显示该消息。
• console.warn()– 输出警告消息。
• console.error()– 输出错误消息。

自定义console.log()的 CSS 样式

可以使用 CSS 语法在 DevTools 中设置 console.log 输出样式。

字符串替换

使用 console.log(msg [, subst1, ..., substN]) 这样的语法，msg 参数是一个JavaScript字符串，其中包含零个或多个替代字符串。subst1 ... substN 参数，是一个JavaScript 对象，用来依次替换msg中的替代字符串。你可以在替代字符串中指定对象的输出格式。

您可以使用以下替代字符串

• %s– 字符串类型 string
• %i 或 %d—— 整型 integer
• %o 或 %O—— 对象 object
• %f – 浮点数

console.assert()

如果断言为false，则将一个错误消息写入控制台。如果断言是 true，没有任何反应。

console.clear()

清空控制台。

console.count()

输出 count() 被调用的次数。统计被调用的次数，放在函数中可以计算某段代码的执行次数。

此函数接受一个可选参数 label，console.count() 每次调用，如果标签一样数字会增加 1，如果不一样则重新开始计数。

console.dir

在控制台中显示指定JavaScript对象的属性，并通过类似文件树样式的交互列表显示。

console.group() 和 console.groupEnd()

在控制台上创建一个新的分组。随后输出到控制台上的内容都会被添加一个缩进,表示该内容属于当前分组,直到调用console.groupEnd()之后,当前分组结束。

console.groupEnd()退出一格缩进(结束分组)。

控制台输出html

console.memory

memory属性可用于检查堆大小状态。

注意: memory 是属性，而不是一种方法。

console.table()

以表格形式显示表格数据。

打印一个由字符串组成的数组

打印一个属性值是字符串的对象

console.time() and console.timeEnd()

console.time() —— 你可以启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行10,000个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。

console.timeEnd() —— 停止指定的计时器，并记录自其启动以来经过的时间(以秒为单位)。

Console.timeLog()

在控制台输出计时器的值，该计时器必须已经通过 console.time() 启动。

console.trace()

输出堆栈跟踪。

Tags：console.time

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。