交互式调试器控制台

在控制台中运行 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 样式美化控制台输出。