JavaScript Console 对象

console对象

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()将警告消息输出到控制台