调试工具窗口

当您启动调试器会话时，会打开调试工具窗口。使用此窗口控制调试器会话、查看并分析程序数据（帧、线程、变量等），以及执行调试器操作。

默认情况下，当程序在断点处暂停时会打开调试工具窗口，会话结束后不会隐藏。如需更改此行为，请转到构建、执行、部署 | 调试器设置页面 Ctrl+Alt+S 并取消选中在断点处显示调试窗口复选框。

会话

如果同时运行多个调试会话，这些会话会分别显示在调试工具窗口顶部的标签页中。

编辑器中显示的所有信息，例如行内变量值和执行位置，均对应所选的会话标签页。如果同时运行多个使用相同类的调试会话，这一点尤为重要。

关闭标签页时，相应的调试会话将终止。

标签页

调试工具窗口会为每个会话显示以下标签页：

帧：使用此面板可在调用堆栈中导航，并在调试多进程 Node.js 应用程序或 Service Worker 时在线程之间切换。
变量：列出当前上下文中可用的变量，并允许您分析和修改程序状态。
监视：允许您管理监视。默认情况下，监视将在变量标签页中显示，以更高效地利用屏幕空间。如果监视数量较多，建议将其显示在单独的标签页中。
控制台：显示程序输出。
针对客户端应用程序，该标签页还会显示所有代码中输出的日志信息（例如使用 console.* ），并可作为读取-求值-输出循环（REPL ）使用，从而运行 JavaScript 代码片段并与当前调试的页面交互。详细了解请参见交互式调试器控制台
进程控制台：调试 Node.js 应用程序时，WebStorm 会打开该标签页。该标签页显示 node 进程本身的输出，即写入 process.stdout 和 process.stderr 的内容，或使用 console.* 输出的日志信息。详细了解请参见使用交互式调试器控制台。
调试器控制台：调试 Node.js 应用程序时，WebStorm 会打开该标签页。在此，您可以运行 JavaScript 代码片段并查看 console.* 消息。
详细了解请参见使用交互式调试器控制台。
脚本：在 JavaScript 调试会话期间，该标签页会显示所有在代码执行期间自动下载的外部资源。使用此标签页可监视外部资源的下载情况。要在编辑器中打开某个资源的代码，请双击相应条目。
元素：该标签页显示活动浏览器页面的实际 HTML 源代码和 HTML DOM 结构。使用该标签页可监视通过浏览器对页面进行的更改。
仅在调试客户端代码时可使用此标签页。