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()启动的计时器 | |
| 将堆栈跟踪输出到控制台 | |
| 将警告消息输出到控制台 |