交互式调试器控制台

在控制台中运行 JavaScript

1. 开始在输入栏中的 > 键入语句。 在您输入时，IntelliJ IDEA 会建议完成的变体。

2. 选择相关语句并按下 Enter。 IntelliJ IDEA 在控制台中显示其值。

   IntelliJ IDEA 显示对象的预览，因此您无需展开它们。 如果您仍然展开一个对象，您将只看到它自己的属性概览， __proto__ 内容默认被隐藏。

导航到源代码

• 在每行输出 console.* 时，IntelliJ IDEA 显示被调用的文件名称和行号。 点击此链接以跳转至源代码中的调用。

  

• 控制台 还显示堆栈跟踪。 点击报告问题旁边的链接以跳转到出现此问题的代码行。

  

筛选消息

控制台 选项卡以树状视图显示对象，默认折叠堆栈跟踪。 警告 console.warn() 、错误 console.error() 和信息 console.info() 消息具有不同的图标和背景颜色，使其更容易被注意到。

• 要隐藏特定类型的日志消息，请点击 并选择要过滤掉的严重级别。

  

群组消息

• 使用 console.group() 和 console.groupEnd() 分组的日志消息显示为树状结构。 要使输出默认折叠，请使用 console.groupCollapsed()。

  

应用 CSS 样式

• 使用 CSS 和 %c 标记来应用样式到日志消息。

  

  有关更多信息，请参阅 使用 CSS 样式化控制台输出。