跟踪运行选项卡

展开所有 Ctrl+NumPad +

单击此按钮以展开列表中的所有节点。

折叠所有 Ctrl+NumPad -

单击此按钮以折叠列表中的所有节点。

向上堆栈跟踪

单击此按钮以导航到堆栈跟踪中的上一个跟踪页面。

向下堆栈跟踪

单击此按钮以导航到堆栈跟踪中的下一个跟踪页面。

单击导航

按下此切换按钮以使 事件 窗格中的列表自动与 编辑器 同步。

• 当按钮被按下时：一旦您单击 事件 窗格中的事件，该事件的详细信息会显示在 事件堆栈 窗格中，并且由该事件调用的脚本会自动在编辑器中打开。

  当您在启用 自动滚动到跟踪 模式的情况下浏览 事件堆栈 时，相应的文件也会自动在编辑器中打开，并高亮显示调用的函数。

• 当按钮被释放时：只有在双击 事件堆栈 窗格中的事件时，由该事件调用的脚本才会在编辑器中打开。

捕获事件

单击此按钮以配置要捕获并显示在 事件 列表中的事件范围。

默认情况下，Spy-js 会捕获所有打开的网页上的所有事件，排除 https 安全 网站，除非您在运行配置中明确指定其 URL 地址。 所有捕获的事件都显示在 事件 窗格的 Spy-js 工具窗口中。 您可以通过应用用户定义的事件过滤器来抑制某些类型的事件捕获。 当您单击 时，列表会显示所有可用的过滤器，当前应用的过滤器会用勾号标记。 默认情况下，应用了 捕获所有 预定义过滤器。 要停止捕获事件而不停止应用程序，请选择 全部静音。 有关更多信息，请参阅 配置事件捕获策略。

定义自定义事件过滤器：

1. 单击 ，然后从列表中选择 编辑捕获排除项。

2. 在打开的 Spy-js 捕获排除对话框 中，单击左侧窗格中的 Add 。

3. 在右侧窗格中，在 排除名称 字段中指定过滤器名称，并配置排除规则列表。

   • 要添加规则，请单击 ， 添加条件到排除项 对话框将打开。 在 值/模式 字段中输入模式，在 条件类型 列表中指定模式是应用于事件类型还是脚本名称。 请注意，使用的是 全局模式匹配。 当您单击 确定 时，PhpStorm 将您引导到 Spy-js 捕获排除项对话框。

   • 要编辑规则，请在列表中选择规则，单击 ，然后在打开的对话框中更新规则。 要移除规则，请在列表中选择规则并单击 。

要激活过滤器，请在列表中选中所需过滤器旁边的复选框。

单击此按钮以从跟踪中移除全部或部分事件，并关闭编辑器中的相应跟踪文件。 选择显示列表中的以下选项之一：

• 移除所有： 选择此选项以取消对所有已捕获事件的跟踪，而不关闭编辑器中的跟踪文件。

• 关闭所有跟踪文件： 选择此选项以关闭编辑器中的所有跟踪文件，但继续跟踪相应的事件。 要从跟踪中移除事件或脚本，并关闭编辑器中的相应跟踪文件，请从事件或脚本的上下文菜单中选择 移除。

• 移除所有未激活： 选择此选项以移除所有不再活动页面的节点（例如，因为这些页面已在浏览器中关闭）。

• 保存跟踪： 选择此选项以保存当前会话的图像。 Spy-js 将跟踪会话的调用和属性存储在 .json 文件中，这些文件可以压缩到 压缩包 存档中。 稍后您可以随时提取这些文件，以将跟踪会话图像加载到 Spy-js 中。

• 加载跟踪： 选择此选项以将之前保存的跟踪会话图像加载到 Spy-js 中。 存储该会话调用和属性的 .json 文件将被提取并导入。

  请注意，加载的图像不会恢复会话，因为没有脚本实际被执行。 您能做的只是分析先前执行代码的流程和属性。

• 会话停止时关闭所有跟踪文件： 选择此选项以在单击 停止 按钮 时关闭编辑器中的所有跟踪文件，并通过标准 shutdown 脚本外部停止跟踪会话。

  点击按钮一次会调用 soft kill ，允许应用程序捕获 SIGINT 事件并执行正常终止（在 Windows 上， Ctrl+C 事件是模拟的）。 按钮被点击一次后，它将被替换为 ，这表示后续点击将导致应用程序被强制终止，例如在 Unix 上会发送 SIGKILL。

• 启用 Spy-js 自动完成和放大镜： 选择此选项以扩展基础完成列表，并使用运行时数据（Spy-js 自动完成 ）评估表达式，而无需实际运行调试会话（Spy-js 放大功能）。 默认情况下，此功能处于关闭状态。

  Spy-js 自动完成 指的是通过运行时数据扩展 基础完成列表。 Spy-js 自动完成 功能可用于已执行代码的 源文件 （在相应的 跟踪 文件中以绿色高亮显示）。

  当您将插入符号放置在源文件中的符号上并按下 Ctrl+Space 时， Spy-js 从浏览器或运行的 Node.js 应用程序中检索数据，并根据以下规则将其与基础完成列表合并：

  如果对象同时存在于基础完成列表中并从运行时检索，则包含更多关于参数、属性及其类型等信息的变体将保留在列表中。 保留在列表中。

  Spy-js 放大功能 是指无需实际运行调试会话即可 评估表达式。 当您单击表达式或将插入符号放置到表达式上并按下 Ctrl+Alt+F8 时，会在表达式下方显示一个工具提示，显示表达式的值。 如果 Spy-js 检索到多个值，请单击工具提示中的 图标以展开值列表。

  放大功能 可用于已执行和尚未执行代码的 源文件。

• Spy-js 支持 源映射 ，这意味着您现在可以从 事件堆栈 窗格跳转到原始源代码中的 ECMAScript 6、 TypeScript 或 CoffeeScript ，并观察执行了哪些代码片段。 使用以下选项来配置源映射的处理方式：

  • 启用源映射查找： 选择此选项以启用对使用编译期间生成的源映射的 ECMAScript 6、 TypeScript 或 CoffeeScript 源代码的导航。

  • 启用源映射生成： 选择此选项以为所有内容生成源映射，用以映射被插装的代码。 选择此选项，如果您打算在 Chrome Dev Tools 或 FireFox FireBug 开发工具中调试原始代码。

  • 如果可用，总是打开源映射跟踪： 选择此选项以尝试在从事件导航到其调用方时让 Spy-js 打开 映射的跟踪文件。