充分利用 console.log!

我经常在浏览器上使用console.log()进行调试,但是当我查看MDN上的Console API页面时,有各种各样的东西,所以我查了一下。

常用的控制台方法

console.log():用于日志信息的一般输出。console. info():用于输出有用的信息。console.warn():用于输出警告信息。console.error():用于输出错误信息。

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

您可以通过在 console.log 参数中指定 CSS 并使用 %c 指令来设置输出样式。指令之前的文本不受影响,指令之后的文本被修饰。

字符串替换

将字符串传递给接受字符串的控制台对象方法之一(例如 log())时,可以使用以下替换字符串:%s: 字符串%i 或 %d:整数%o 或 %0: 对象%f: 浮动

console.assert()

如果第一个参数为 false,则将消息和堆栈跟踪打印到控制台。

console.clear()

清除控制台。

console.count()

打印调用此函数的次数。

console.dir()

显示指定 JavaScript 对象的交互式属性列表。我不知道怎么用console.log?

console.group() 和 console.groupEnd()

创建一个新的内联组并将所有后续输出缩进另一个级别。致电groupEnd() 恢复您的等级。

console.memory

您可以使用 memory 属性检查堆大小。注意:内存是一种属性,而不是一种方法。

console.table()

显示为表格。

console.time() 和 console.timeEnd()

console.time():使用作为输入参数给出的名称启动计时器。您可以在给定页面上运行多达 10,000 个并发计时器。console.timeEnd():停止指定的计时器并记录自启动以来经过的时间(以秒为单位)。

console.trace()

打印堆栈跟踪。

原创声明:本文系作者授权爱码网发表,未经许可,不得转载;

原文地址:https://www.likecs.com/show-308626922.html

46人参与, 0条评论 登录后显示评论回复

你需要登录后才能评论 登录/ 注册