深圳市博士通科技有限公司

除了console.log调试外,还有那些浏览器打印调试

2020/11/7 10:50:24   阅读:2398    发布者:2398


console.log方法使我们最常使用的了,用于在控制台打印信息。他的功能还是很强大的,各种数据类型如number、string、array、object、function等都能打印,并在后面显示错误发生的位置。

console.info 和 console.log 的作用是几乎完全一样的,也是在控制台中打印信息,只不过打印时的样式可能与 console.log 略有区别。
在这里需要说明一下,Console 对象并不是javascript的内置对象,而是浏览器的内置对象,因此在控制台中的输出样式和各浏览器相关。
console.error 同样和console.log的作用几乎一样,不过会将打印的内容通过显目的红色标注出来并前面带一个 × 。
如下所示,当大家在开发调试的过程中通过 console.log 打印的内容很多,但某条打印信息想要快速的找到时,console.error 这种“万黑丛中一点红”的效果,可以让你很便捷地找到。
当然了,当我们的程序逻辑执行出错时,在控制台中的报错信息也是通过 console.error 来打印的,所以如果你真的使用 console.error 来进行调试时,千万不要把打印的内容误以为代码逻辑有错误。
console.warn的道理同上,会通过黄色感叹号来高亮打印信息。

console.time 和 console.timeEnd 两个方法是结合在一起使用的,他们接受一个相同的参数,输出两句表达式中间的代码的执行时间。
console.count 会打印当前的打印内容,并在后面跟上该内容的打印次数。

console.table 会将复合数据类型(对象,数组等)在控制台中以表格的形式打印输出,并且你可以将对象数组嵌套乃至结合使用,他都能够将其解析为表格形式。
console.group和console.groupEnd 结合使用,他们用于将打印的信息分组,可以把信息进行折叠和展开。

console.trace 是一个调试过程中十分有用的方法,他可以追溯你的逻辑执行过程。
console.assert 方法接受两个参数,第一个参数是表达式,第二个参数是字符串。只有当第一个参数为false,才会输出第二个参数(并且以error提示的形式输出)。
console.clear 方法会清空控制台所有打印内容,并将光标返回第一行,