最终的

吸引调试器控制台

在控制台中运行 JavaScript

1. >开始于输入字段中输入语句。当您输入时，IntelliJ IDEA 会完成建议的变体。

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

   IntelliJ IDEA 显示对象的预览，您可以展开它们。如果您仍然展开对象，您将仅获得其自身属性的概述，__proto__默认情况下内容是隐藏的。

导航至源代码

• 在输出的每一行中console.*，IntelliJ IDEA 都会显示文件的名称以及调用该文件的行。点击该链接可以跳转到源码中的调用。

  

  动图

• 控制台还显示堆栈跟踪。单击链接旁边的问题可跳转到发生此问题的代码行。

  

  动图

过滤掉消息

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

• 要隐藏特定类型的日志消息，请单击并要过滤掉的严重性。

  

群体消息

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

  

应用CSS样式

• 使用 CSS 和%c标记将样式评估日志消息。

  

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