一、console.log()
console.log("%c%s","color:red;font-size:20px","结果是:这样的哟");//用于输出普通信息,最常用
二、console.info()
console.info("%s","color:red;这是结果哟");//用于输出提示性信息
三、console.error()
console.error("错误");//用于输出错误信息
四、console.warn()
用于输出警示信息
五、console.count()
统计代码被执行的次数
六、console.assert()
对输入的表达式进行断言,只有表达式为false时,才输出相应的信息到控制台
七、console.group()
输出一组信息的开头
八、console.groupEnd()
结束一组输出信息
九、console.dir()
直接将该DOM结点以DOM树的结构进行输出,可以详细查对象的方法发展等等
十、console.time()
计时开始
十一、console.timeEnd()
计时结束
十二、console.profile()和console.profileEnd()
一起使用来查看CPU使用相关信息
十三、console.timeLine()和console.timeLineEnd()
一起使用记录一段时间轴
十四、console.trace()
堆栈跟踪相关的调试
注意:
格式化符号 | 实现的功能 |
---|---|
%s | 格式化成字符串输出 |
%d or %i | 格式化成数值输出 |
%f | 格式化成浮点数输出 |
%o | 转化成展开的DOM元素输出 |
%O | 转化成JavaScript对象输出 |
%c | 把字符串按照你提供的样式格式化后输入 |