跟踪运行选项卡

展开全部Ctrl+NumPad +

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

全部收缩Ctrl+NumPad -

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

向上堆栈跟踪

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

向下堆栈跟踪

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

一键导航

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

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

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

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

捕获事件

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

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

要定义自定义事件过滤器：

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

2. 在打开的Spy-js Capture Exclusions 对话框中，单击左侧窗格中的添加。

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

   • 要添加规则，请单击，将打开“将条件添加到排除”对话框。在值/模式字段中键入模式，在条件类型列表中指定模式是否应应用于事件类型或脚本名称。请注意，使用了glob 模式匹配。当您单击OK时，PhpStorm 会将您带到Spy-js Capture Exclusions Dialog。

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

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

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

• 全部删除：选择此选项可取消对所有捕获事件的跟踪，而无需在编辑器中关闭跟踪文件。

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

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

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

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

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

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

  单击按钮一次调用软终止，允许应用程序捕获SIGINT事件并执行正常终止（在 Windows 上，Ctrl+C模拟事件）。按钮单击一次后，替换为指示后续单击将导致应用程序强制终止，例如在 UnixSIGKILL上发送。

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

  术语Spy-js 自动完成表示使用从运行时数据中检索到的建议扩展基本完成列表。Spy-js 自动完成功能可从源文件中获得，用于已执行的代码（在相应的跟踪文件中以绿色突出显示）。

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

  1. 如果一个对象既存在于基本完成列表中，又从运行时检索，则提供有关参数、属性、它们的类型等的更多信息的变体保留在列表中。

  2. Spy.js检索到的对象显示在列表顶部并标有图标。如果检索到的对象特定于浏览器，则该对象用图标和该浏览器的图标标记。

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

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

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

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

  • 启用源映射生成：选择此选项可为所有内容生成源映射以映射检测代码。如果您要在Chrome Dev Tools或FireFox FireBug开发工具中调试原始代码，请选择此选项。

  • 始终打开源映射跟踪（如果可用）：选择此选项可让Spy-js在您调用从事件到其调用者的导航时尝试打开映射跟踪文件。