Console对象提供对浏览器调试控制台的访问。
控制台最常用的功能是记录文本和其他数据。
使用日志记录方法的最简单方法是输出字符串:
console.log("Hello world!!!");测试看看
您还可以通过在调用日志记录方法时简单列出它们来输出多个对象,如下所示:
var car = "Scorpio"; var myObject = { str: "Some text", id: 12 }; console.log("My first car was a", car, ". The object is:", myObject);测试看看
使用%c
指令将CSS样式应用于控制台输出:
console.log("This is %cMy stylish message", "color:white; background-color:black;");测试看看
指令前的文本不会受到影响,但是指令后的文本将使用参数中的CSS声明进行样式设置。
此代码演示了如何使用多个%c
指令将CSS样式应用于控制台输出:
console.log("%cThis is %cMy stylish %cmessage", "color:white; background-color:#4285f4; font-size: 2em;", "color:#19EE1F; background-color:black; font-size: 2em;", "color:black; background-color:yellow; font-size: 2em;");测试看看
下表列出了Console对象的方法:
方法 | 描述 |
---|---|
如果第一个参数为false,则记录消息并堆栈跟踪到控制台 | |
清除控制台 | |
记录调用count()的次数 | |
将错误消息输出到控制台 | |
创建一个新的内联组,将所有后续输出缩进到另一个级别。要移出一个级别,调用groupEnd() | |
用于设置折叠的分组信息,在这个代码以下执行输出的信息都会再折叠的分组里。 点击扩展按钮打开分组信息。 | |
退出当前的内联组 | |
将信息性消息输出到控制台 | |
将消息输出到控制台 | |
将表格数据显示为表格 | |
启动计时器(可以跟踪操作需要多长时间) | |
停止以前由console.time()启动的计时器 | |
将堆栈跟踪输出到控制台 | |
将警告消息输出到控制台 |