使用交互式调试器控制台

在调试器控制台中运行 JavaScript

1. 在输入字段中的 > 开始键入语句。 输入过程中，WebStorm 会建议补全项。

2. 选择相关语句并按 Enter。 WebStorm 会在调试器控制台中显示其值。

   

   WebStorm 会显示对象预览，因此无需展开它们。 如果您仍展开对象，将仅看到其自身属性的概览， __proto__ 的内容默认隐藏。

导航到源代码

• 在每一行 console.* 输出中，WebStorm 会显示被调用的文件名和行号。 点击该链接可跳转到源代码中的调用位置。

  

• 调试器控制台 还显示堆栈跟踪信息。 点击报告问题旁边的链接可跳转到发生此问题的代码行。

  

筛选消息

调试器控制台 选项卡以树形视图显示对象，堆栈跟踪默认折叠。 警告 console.warn() 、错误 console.error() 和信息 console.info() 消息具有不同的图标和背景颜色，便于识别。

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

  

分组显示消息

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

  

应用 CSS 样式

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

  

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