交互式调试器控制台

在控制台中运行 JavaScript

1. 在输入字段的 > 处开始输入语句。 在您输入时，PyCharm 会提供补全建议。

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

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

导航到源代码

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

  

• 控制台 还会显示堆栈跟踪。 点击报告的问题旁的链接，跳转到发生该问题的代码行。

  

筛除消息

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

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

  

分组消息

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

  

应用 CSS 样式

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

  

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