Chrome 开发者工具中的控制台日志消息

使用控制台记录日志消息

要记录日志消息，您可以在控制台中使用以下方法：

• console.log()：记录一条一般信息的消息。
• console.info()：记录一条信息消息。
• console.warn()：记录一条警告消息。
• console.error()：记录一条错误消息。

例如，以下代码使用 console.log() 方法记录一条一般信息的消息：

console.log("Hello, world!");

当您在控制台中运行此代码时，您将看到以下消息：

Hello, world!

过滤日志消息

如果您记录了大量日志消息，则可以使用控制台的过滤功能来管理这些消息。要过滤日志消息，请单击控制台工具栏中的“筛选器”按钮。

在“筛选器”对话框中，您可以输入一个过滤表达式。该表达式可以包含以下内容：

• 消息类型：您可以指定要过滤的消息类型，例如“错误”或“警告”。
• 消息文本：您可以指定要过滤的消息文本。
• 文件名：您可以指定要过滤的消息的文件名。
• 行号：您可以指定要过滤的消息的行号。

例如，以下过滤器表达式将只显示错误消息：

severity:error

以下过滤器表达式将只显示包含“Error”文本的消息：

text:Error

以下过滤器表达式将只显示来自 main.js 文件的消息：

file:main.js

以下过滤器表达式将只显示来自 main.js 文件的第 10 行的消息：

file:main.js line:10

使用控制台日志消息进行调试

控制台日志消息可以帮助您调试 JavaScript 代码。例如，您可以使用日志消息来跟踪变量的值，或检查函数的执行时间。

以下示例使用日志消息来跟踪变量的值：

var x = 10;
console.log("x:", x);

x++;
console.log("x:", x);

当您在控制台中运行此代码时，您将看到以下消息：

x: 10
x: 11

以下示例使用日志消息来检查函数的执行时间：

function sum(a, b) {
  var start = Date.now();
  var result = a + b;
  var end = Date.now();

  console.log("Execution time:", end - start, "ms");

  return result;
}

sum(10, 20);

当您在控制台中运行此代码时，您将看到以下消息：

Execution time: 0 ms

这表明 sum() 函数的执行时间为 0 毫秒。

总结

控制台日志消息可以帮助您调试 JavaScript 代码。您可以使用日志消息来跟踪变量的值，检查函数的执行时间，或记录其他信息。控制台的过滤功能可以帮助您管理大量的日志消息。