控制台对象 API 参考

使用 console 对象的方法从 JavaScript 将消息写入控制台

还可以在控制台中输入这些方法。 例如,在控制台中,输入采用变量的 console 方法:

  1. 工具的“调试器”中,在 JavaScript 代码中设置断点。

  2. 在调试器中,单步执行代码。

  3. 如果位于有效的上下文中,以便所需的变量在范围内,请在控制台工具中输入 console 对象的方法。 结果显示在控制台中。




assert

expression 的计算结果为 false 时,将 error写入 控制台

console.assert(expression, object)

日志级别Error

示例

const x = 5;
const y = 3;
const reason = 'x is expected to be less than y';
console.assert(x < y, {x, y, reason});
输出

console.assert() 示例的结果




clear

清除控制台

如果保留日志已打开,则会关闭 clear 方法。

console.clear()

另请参阅




count

写入在同一行使用相同的 label 调用 count 方法的次数。 使用 countReset 方法重置计数。

console.count([label])

日志级别Info

示例

console.count();
console.count('coffee');
console.count();
console.count();
输出

console.count() 示例的结果




countReset

重置计数。

console.countReset([label])

示例

console.countReset();
console.countReset('coffee');




debug

log 方法相同,但日志级别不同。

console.debug(object [, object, ...])

日志级别Verbose

示例

console.debug('debug');
输出

console.debug() 示例的结果




dir

打印指定对象的 JSON 表示形式。

console.dir(object)

日志级别Info

示例

console.dir(document.head);
输出

console.dir() 示例的结果




dirxml

打印 node 的后代的 XML 表示形式。

console.dirxml(node)

日志级别Info

示例

console.dirxml(document);
输出

console.dirxml() 示例的结果




error

object 打印到控制台,将其格式设置为“错误”,并包含堆栈跟踪。

console.error(object [, object, ...])

日志级别Error

示例

console.error("I'm sorry, Dave.  I'm afraid I can't do that.");
输出

console.error() 示例的结果




直观地将消息分组在一起,直到使用 groupEnd 方法。 使用 groupCollapsed 方法在组最初登录到控制台时折叠该组。

console.group(label)

示例

const label = 'Adolescent Irradiated Espionage Tortoises';
console.group(label);
console.info('Leo');
console.info('Mike');
console.info('Don');
console.info('Raph');
console.groupEnd(label);
输出

console.group() 示例的结果




groupCollapsed

log 方法相同,只是组在记录到控制台时最初会折叠。

console.groupCollapsed(label)




groupEnd

停止对消息进行直观分组。 请参阅 group 方法。

console.groupEnd(label)




info

log 方法相同。

console.info(object [, object, ...])

日志级别Info

示例

console.info('info');
输出

console.info() 示例的结果




log

将消息打印到控制台

console.log(object [, object, ...])

日志级别Info

示例

console.log('log');
输出

console.log() 示例的结果




table

将对象数组记录为表。

console.table(array)

日志级别Info

示例

console.table([
      {
         first: 'René',
         last: 'Magritte',
      },
      {
         first: 'Chaim',
         last: 'Soutine',
         birthday: '18930113',
      },
      {
         first: 'Henri',
         last: 'Matisse',
      }
]);
输出

console.table() 示例的结果




time

启动新的计时器。 使用 timeEnd 方法停止计时器,并将运行时间输出到控制台

console.time([label])

示例

console.time();
for (var i = 0; i < 100000; i++) {
      let square = i ** 2;
}
console.timeEnd();
输出

console.time() 示例的结果




timeEnd

停止计时器。 有关详细信息,请参阅 time 方法。

console.timeEnd([label])

日志级别Info




trace

将堆栈跟踪打印到控制台

console.trace()

日志级别Info

示例

const first = () => { second(); };
const second = () => { third(); };
const third = () => { fourth(); };
const fourth = () => { console.trace(); };
first();
输出

console.trace() 示例的结果




warn

将警告输出到控制台

console.warn(object [, object, ...])

日志级别Warning

示例

console.warn('warn');
输出

console.warn() 示例的结果




另请参阅

注意

此页面的某些部分是根据 Google 创建和共享的作品所做的修改,并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。 可在此处找到原始页面,由 Kayce Basques(Technical Writer、Chrome DevTools 和 Lighthouse 的技术作家)撰写。

Creative Commons 许可证 本作品根据 Creative Commons Attribution 4.0 International License 获得许可。