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对象的方法:
方法 | 描述 |
---|---|
assert() | 如果第一个参数为false,则记录消息并堆栈跟踪到控制台 |
clear() | 清除控制台 |
count() | 记录调用count()的次数 |
error() | 将错误消息输出到控制台 |
group() | 创建一个新的内联组,将所有后续输出缩进到另一个级别。要移出一个级别,调用groupEnd() |
groupCollapsed() | 用于设置折叠的分组信息,在这个代码以下执行输出的信息都会再折叠的分组里。 点击扩展按钮打开分组信息。 |
groupEnd() | 退出当前的内联组 |
info() | 将信息性消息输出到控制台 |
log() | 将消息输出到控制台 |
table() | 将表格数据显示为表格 |
time() | 启动计时器(可以跟踪操作需要多长时间) |
timeEnd() | 停止以前由console.time()启动的计时器 |
trace() | 将堆栈跟踪输出到控制台 |
warn() | 将警告消息输出到控制台 |