实验功能

Microsoft Edge DevTools 提供对仍在开发中的试验功能的访问权限。 本文列出并介绍了以下任一中的试验性功能：

• 最新版本的 Microsoft Edge Canary 预览频道。
• 最新版本的 Microsoft Edge 稳定版。

Microsoft Edge 的所有通道都具有试验性功能。 可以使用 Microsoft Edge Canary 渠道 获取最新的实验性功能。 若要查看 Microsoft Edge 版本中可用的试验的完整列表，请参阅 DevTools 中的“设置试验”>页。

这些试验可能不稳定或不可靠，可能需要重启 DevTools。

默认情况下打开的试验

默认情况下，以下实验性功能处于打开状态。 你可以立即使用这些功能，而无需更改任何设置。 如果需要，可以关闭这些默认的实验性功能。

Microsoft Edge Canary 120 中默认启用：

• 自动打印缩小的源
• 源订单查看器
• 启用键盘快捷方式编辑器
• WebAssembly 调试：启用 DWARF 支持
• 启动时急切地设置所有断点
• 在“更改”选项卡中显示更精确的更改
• 响应标头的本地替代
• 在浏览器窗口外启用颜色选取
• 禁用弃用的“颜色格式”设置， (需要重新加载 DevTools)
• 启用后台页面选择器 (，例如用于预呈现调试)
• Enable webhint
• 显示元素中的问题
• 焦点模式 - 在某些计算机上默认选中。
• 在 Visual Studio Code 中的打开源文件
• 在“性能”面板中查看 console.profile () 结果 Node.js
• 在应用程序面板中启用预加载状态面板

Microsoft Edge Stable 118 中默认启用：

• 自动打印缩小的源
• 源订单查看器
• 启用键盘快捷方式编辑器
• WebAssembly 调试：启用 DWARF 支持
• 启动时急切地设置所有断点
• 在“更改”选项卡中显示更精确的更改
• 响应标头的本地替代
• 在浏览器窗口外启用颜色选取
• 禁用弃用的“颜色格式”设置， (需要重新加载 DevTools)
• 启用后台页面选择器 (，例如用于预呈现调试)
• Enable webhint
• 显示元素中的问题
• 焦点模式 - 在某些计算机上默认选中。
• 在 Visual Studio Code 中的打开源文件
• 在“性能”面板中查看 console.profile () 结果 Node.js
• 在应用程序面板中启用预加载状态面板

打开或关闭试验

实验性功能不断更新，可能会导致性能问题。 这是你可能想要关闭试验的原因之一。

若要在 Microsoft Edge 中打开或关闭试验，请执行以下操作：

1. 要打开 DevTools，请右击网页，然后选择“检查”。 或者，按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。

2. 在 DevTools 的main工具栏上，单击“设置 () 按钮。 或者，按 Shift+？。

3. 在 “设置” 面板左侧，选择“ 试验” 页。

   

4. 在 “试验 ”页上，选中或清除试验的复选框。 默认情况下，某些试验 (选定的) 处于打开状态。

5. 单击右上方) “ 关闭 ” ( 以关闭“DevTools 设置”。

6. 单击“ 重新加载 DevTools” 按钮。

还原选择了试验的默认值

若要还原为其启用实验功能的默认设置，请执行以下操作：

1. 要打开 DevTools，请右击网页，然后选择“检查”。 或者，按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。

2. 在 DevTools 的main工具栏上，单击“设置 () 按钮。 或者，按 Shift+？。 “设置”面板随即打开，其中选择了“首选项”页。

3. 在 “首选项” 页底部，单击“ 还原默认值并刷新 ”按钮，然后单击“ 关闭 ” ( 。

筛选试验

可以按标题中包含的文本筛选实验性功能。

1. 要打开 DevTools，请右击网页，然后选择“检查”。 或者，按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。

2. 在 DevTools 的main工具栏上，单击“设置 () 按钮。 或者，按 Shift+？。 “设置”面板随即打开，其中选择了“首选项”页。

3. 在 “设置” 面板左侧，选择“ 试验” 页。

4. 在“筛选器”文本框中单击并输入文本，例如时间线。 键入时，“ 试验 ”页中仅显示匹配的复选框。

5. 若要结束筛选，请清除 “筛选器 ”文本框。

提供有关试验的反馈

我们渴望听到你关于实验功能的反馈。 若要与我们共享反馈， 请联系 Microsoft Edge DevTools 团队。

其中一个 UI 试验添加了一种提供反馈的新方法：打开 焦点模式 试验后，在 活动栏底部，选择“ 帮助 ” () >反馈。

试验列表

下面列出了 Microsoft Edge 的 Canary 预览频道最新版本中显示的试验复选框。 在 Canary 中添加或删除复选框之后，还记下了稳定版本。

允许扩展加载自定义样式表

某些 Microsoft Edge 加载项可以为 DevTools 定义自定义颜色主题。 如果安装具有主题的加载项，则需要启用 “允许扩展加载自定义样式表 ”试验以查看加载项主题。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

捕获节点创建堆栈

若要在运行时将 DOM 节点添加到 DOM 时捕获 JavaScript 堆栈跟踪，请启用此试验。 捕获的堆栈跟踪显示在“元素”面板的“堆栈跟踪”窗格中。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

自动打印缩小的源

打开此试验后，在“源”面板中显示缩小的文件时，该文件在“源”面板中的单个选项卡中打开，且打印美观。

关闭此试验后，带有按钮的 UI 提示将询问是否对文件进行美观打印。 该文件在附加的选项卡中打开，该选项卡的追加后缀为 ：formatted。

• 缩小的文件串联成一条长行。
• 相比之下， 漂亮的打印 以缩进、更易于阅读的格式呈现文件的内容。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

协议监视器

DevTools 使用 DevTools 协议与检查的页面通信。

若要监视 DevTools 发送和接收的消息以调试检查的页面，请执行以下操作：

1. 要打开 DevTools，请右击网页，然后选择“检查”。 或者，按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。

2. 在 DevTools 的main工具栏上，单击“设置 () 按钮。 或者，按 Shift+？。 “设置”面板随即打开，其中选择了“首选项”页。

3. 在 “设置” 面板左侧，选择“ 试验” 页。

4. 选中“ 协议监视器 ”复选框，然后单击“ 关闭 ” () 关闭 “设置”。

5. (Ctrl+Shift+P) 打开命令菜单，然后在文本框中键入协议。

6. 选择“ 显示协议监视器”。 将显示消息：“一个或多个设置已更改，需要重新加载才能生效。”

7. 单击消息旁边的 “重新加载 DevTools ”按钮。

8. 协议监视器工具显示在 DevTools 底部的抽屉中。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

显示 CSP 冲突视图

添加 CSP 违规 工具，该工具显示所检查网页上检测到的任何内容安全策略 (CSP) 冲突。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

显示用于在堆快照中公开内部内容的选项

从 Microsoft Edge 105 起新增功能

是否显示一个复选框以在 内存 工具的堆快照中公开内部。

另请参阅：

• 使用内存工具记录堆快照

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

源订单查看器

正在删除此复选框。 源顺序查看器现在是常规功能，而不是试验。 复选框是选中还是取消选中没有任何区别;无论哪种方式，“源顺序查看器”功能都显示在 DevTools 中。

另请参阅：

• 使用源订单查看器测试键盘支持

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

启用键盘快捷方式编辑器

是否启用编辑键盘快捷方式。

另请参阅：

• 自定义键盘快捷方式

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

时间线：事件发起方

是否在时间线中包含事件发起方。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

暂时启用 JavaScript 探查器

Microsoft Edge 114 的新增功能

在 DevTools 中暂时启用 JavaScript 探查器 工具 (选项卡) 。 JavaScript 探查器工具将弃用。 若要记录 JavaScript CPU 配置文件，请改用 性能 工具。

另请参阅：

• 性能工具简介

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

WebAssembly 调试：启用 DWARF 支持

启用对 WebAssembly 调试的 DWARF 支持。 请参阅 DevTools (Microsoft Edge 80) 中的新增功能中的改进 WebAssembly 调试。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

使用源映射解析表达式中的变量名称

使用源映射在计算表达式时自动将原始变量名称映射到缩小的变量名称。

此复选框会影响“控制台”和“源”工具中的“监视”边栏选项卡。

另请参阅：

• 将已处理的代码映射到原始源代码，以便进行调试
• 将缩小的代码映射到源代码，以显示源代码工具概述中的可读代码。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

启动时急切地设置所有断点

设置启动时所有可能定义的断点。

另请参阅：

• 使用断点暂停代码

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

(APCA 启用新的高级感知对比度算法，) 替换以前的对比度和 AA/AAA 准则

高级感知对比度算法 (APCA) 取代了颜色选取器中的 AA/AAA 准则对比率。 颜色选择器在“元素”工具的“样式”选项卡中使用。

APCA 是一种计算对比度的新方法。 它基于对颜色感知的新式研究。 与 AA/AAA 准则相比，APCA 更依赖于上下文。 对比度是根据文本、颜色和上下文的以下空间属性计算的。

• 文本的空间属性，包括字体粗细和大小。
• 颜色的空间属性，包括文本和背景之间的感知对比度。
• 上下文的空间属性，包括环境光线、周围环境和预期用途。

另请参阅：

• 新的颜色对比度计算 - DevTools (Microsoft Edge 89) 中的新增功能中的 高级感知对比度算法 (APCA) 。
• 使用 CSS 功能参考中的颜色选择器更改颜色。
• 使用颜色选取器测试文本颜色对比度

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在“元素”面板中启用完整的辅助功能树视图

在 “元素” 工具中添加一个按钮，用于在 DOM 树和辅助功能树之间切换。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在“样式”窗格中启用新的字体编辑器工具。

请参阅下面的 “样式”窗格中的“启用字体编辑器”工具 。

在“样式”窗格中启用“字体编辑器”工具

可以使用可视 字体编辑器 编辑字体。 使用它来定义字体和字体特征。 视觉字体 编辑器 可帮助你执行以下操作：

• 在不同字体属性的单位之间切换
• 在不同字体属性的关键字之间切换
• 转换单位
• 生成准确的 CSS 代码

若要使用可视 字体编辑器，请执行以下操作：

1. 要打开 DevTools，请右击网页，然后选择“检查”。 或者，按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。

2. 在 DevTools 的main工具栏上，选择“元素”选项卡。如果“元素”选项卡不可见，请单击“更多选项卡 () 按钮，或者单击“更多工具 () 按钮。

3. 在“ 样式 ”选项卡中，选择“ 字体编辑器” 图标。

   

某些浏览器频道在 “样式”窗格中具有复选框标签“启用新的字体编辑器工具”。

另请参阅：

• 在“样式”窗格中编辑 CSS 字体样式和设置

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

通过“问题”面板启用自动对比度问题报告

在“问题”工具中启用自动对比度 问题 报告。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

启用实验性 Cookie 功能

启用实验性 Cookie 功能。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在“更改”选项卡中显示更精确的更改

请参阅 “更改”选项卡中的“更精确的更改”。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在“样式”窗格中同步 CSS 更改

是否同步“元素”工具的“样式”选项卡中的 CSS 更改。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

突出显示“元素”面板 DOM 树中的违规节点或属性

从 Microsoft Edge 106 起新增功能

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

响应标头的本地替代

是否对响应标头使用本地替代。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

暂时启用“删除所有替代”

Microsoft Edge 119 的新增功能

在“源”工具的“替代”选项卡中文件夹的右键单击菜单中添加“删除所有替代”菜单项。 选择“ 删除所有替代”时，将显示一个对话框：“是否确定要删除此文件夹中的所有替代？”

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在浏览器窗口外启用颜色选取

允许你在屏幕上的任何位置（而不仅仅是 Microsoft Edge 窗口内）移动鼠标光标作为吸管工具时移动鼠标光标。

在 “元素” 工具的“ 样式 ”选项卡中，单击任何颜色预览。 颜色选取器随即打开。 单击“ 切换颜色选取器 () 按钮。 鼠标光标变为吸管。 单击监视器上的任意位置以选择颜色。

另请参阅：

• 使用 CSS 功能参考中的颜色选择器更改颜色

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

将源分组到“创作”和“已部署”树中

Microsoft Edge 104 的新增功能

控制是否在“源”工具的“页面”选项卡中将资源分组到单独的“创作”树和“已部署”树中。 源工具中的此功能允许将源文件分组到两个文件夹中，具体取决于这些文件是否为：

• 原始源文件 (创作，即具有本地编辑) 的文件。
• ) 编译和捆绑源文件后，生产文件 (Web 服务器上部署的文件。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

隐藏源树视图中忽略列出的代码

从 Microsoft Edge 106 起新增功能

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在对象属性查看器中突出显示重要的 DOM 属性

从 Microsoft Edge 105 起新增功能

选中此复选框会突出显示当前所选 DOM 树元素的工具（如“元素”工具）的“属性”选项卡中的重要 DOM 属性。 此新试验使主要属性更易于查看。 某些属性以粗体显示，其他属性以粗体显示，旁边有一个star图标。

此突出显示很有用，因为在 JavaScript 中，对象继承自父对象，而父对象本身继承自其他上级对象，有时相当于数百个属性。 此试验可帮助你查找main属性。

对象属性查看器包含多个工具，包括 元素、 源、 控制台和 网络。 它提供对象的属性树视图。

在“元素”工具中

若要在 “元素 ”工具中查看对象属性查看器，请执行以下操作：

1. 右键单击网页中的项目，然后选择“ 检查”。 DevTools 随即打开，并在“元素”工具的 DOM 树中选择了页面 元素 。

2. 在 “元素” 工具中，选择“ 属性 ”选项卡，该选项卡与 “样式 ”选项卡分组。

   “ 属性 ”选项卡包含所选元素的属性列表。

在“源”工具中

若要在 源 工具中查看对象属性查看器，请执行以下操作：

1. 打开文件 .js 。

2. 在文件中的代码 .js 行上设置断点。

3. 通过在网页上运行代码，将调试器暂停到该行。

   对象属性显示在右侧边栏中的 “作用域 ”部分中。 请参阅在 JavaScript 调试功能中查看和编辑属性和变量。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

禁用弃用的“颜色格式”设置， (需要重新加载 DevTools)

从 Microsoft Edge 110 起新增功能

在 DevTools 设置>首选项中，将鼠标悬停在灰显颜色格式下拉列表上的“信息 (i) ”图标上时，工具提示显示：“此设置已弃用，因为它与新式颜色空间不兼容。 若要重新启用它，可以禁用相应的试验。”

以前默认启用了 “颜色格式 ”下拉列表。 默认情况下，此控件允许你选择喜欢在“元素”工具的“样式”选项卡中看到的颜色格式。 因此，例如，如果指定color: red;了 CSS 代码，但已将十六进制颜色格式设置为首选项，则会改为在“样式”选项卡中看到color: #f00;。

最近，CSS 获得了新的颜色格式，这些格式可用于描述以前不可用的颜色空间中的颜色。 颜色格式的这种自动切换不再有效，因为如果源代码在新的颜色空间中包含颜色，则不能始终以较旧的颜色格式之一转换此颜色，因为颜色空间与 1 对 1 不匹配。

在“设置试验”>中，默认选中“禁用已弃用的'颜色格式'设置”复选框，其效果是灰显“设置首选项”>页中的“颜色格式”下拉列表。 一段时间后，此试验复选框和“首选项”中的“颜色格式”下拉列表将被删除。 现在，这些控件使你能够禁用试验并重新激活 “颜色格式 ”下拉列表。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

启用后台页面选择器 (例如用于预呈现调试)

Microsoft Edge 114 的新增功能

启用后台页面选择器，例如用于预呈现调试。

另请参阅：

• 迁移到清单 V3 的概述和时间线 - Microsoft Edge 扩展的服务辅助角色而不是后台页面。
• chrome.runtime - 检索背景页。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在粘贴代码时显示有关 Self-XSS 的警告

Microsoft Edge 117 的新增功能

在将代码粘贴到控制台时，显示有关自跨站点脚本的警告。 如果启用此复选框，则最初尝试将代码粘贴到控制台工具时，将显示一条警告消息：

“警告：不要粘贴不理解或尚未将自己签入到 DevTools 控制台的代码。 这可能允许攻击者窃取你的身份或控制你的计算机。 请在下方键入“允许粘贴”以允许粘贴。”

在控制台中输入 allow pasting 后，可以在当前 DevTools 会话和将来的会话中粘贴代码。

另请参阅：

• 维基百科上的 Self-XSS。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

重新设计网络面板中的筛选器栏

Microsoft Edge 120 的新增功能

在 “网络 ”工具中，重新设计了筛选器栏：

• 按钮将替换为 “请求类型 ”下拉列表。
• 复选框将替换为 “更多筛选器” 下拉列表。

清除了此复选框的筛选器栏：

选中了此复选框的筛选器栏：

另请参阅：

• 在“检查网络活动”中筛选资源。
• 网络功能参考中的筛选请求。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中不存在此复选框。

将 DevTools 未捕获的异常记录到控制台

控制是否在 控制台 工具中记录 DevTools 未捕获的异常。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

Enable webhint

webhint 是一个开源代码工具，可为网站和本地网页提供实时反馈。 webhint 提供的反馈类型包括：

• 辅助功能
• 跨浏览器兼容性
• 安全性
• 性能
• 渐进式 Web 应用 (PWA)
• 其他常见 Web 开发问题

Webhint 试验在“问题”面板中显示 webhint 反馈。 选择问题以显示有关解决方案的文档以及网站上受影响的资源列表。 选择资源链接以在 DevTools 中打开相关的 “网络”、“ 源”或“ 元素 ”窗格。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

显示元素中的问题

启用此试验可在“元素”工具的 DOM 视图中查看 HTML 下的语法错误。 有关详细信息，请参阅 Wavy 下划线突出显示元素工具中的代码问题和改进。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

焦点模式

焦点模式是 DevTools 的新用户界面。 焦点模式旨在简化和简化 DevTools UI，而不会影响其功能集。

焦点模式将选项卡main行替换为活动栏，活动栏是具有独特图标的紧凑工具栏。 使用活动栏可以固定、重新排列和打开喜欢的工具，以便快速访问。 活动栏还提供对用户设置、帮助和其他功能的访问权限。

焦点模式还提供 快速视图 列表，以打开第二个工具以及 已在活动栏中选择的工具。

请参阅 使用焦点模式降低 DevTools 的复杂性。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在 Visual Studio Code 中的打开源文件

Visual Studio Code 中的开放源文件试验将源工具的代码编辑器替换为Visual Studio Code，用于编辑本地文件。 打开此试验时，开发人员工具会检测何时编辑本地文件，并提示选择要用作工作区的文件夹。

选择要用作工作区的文件夹时，选择 DevTools 中某个文件的任何链接将在 Visual Studio Code 中打开该文件。 在早期版本的 Microsoft Edge 中，此操作在 DevTools 中源工具的代码编辑器中打开了文件。

在 DevTools 中所做的任何编辑现在会更改硬盘驱动器上的文件，并与 Visual Studio Code 实时同步。 有关设置工作区的信息，请参阅在 Visual Studio Code 中打开源文件。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

启用故障分析器

Microsoft Edge 114 的新增功能

启用 故障分析器 工具。

另请参阅：

• 使用 DevTools 中的新增功能中的故障分析器工具调试 JavaScript 错误堆栈跟踪 (Microsoft Edge 113) 。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

启用自适应 CPU 限制

Microsoft Edge 114 的新增功能

启用自适应 CPU 限制。

另请参阅：

• 在性能功能参考中记录时限制 CPU。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

忽略时间线上 JavaScript 帧的列表

是否在时间线上包括 JavaScript 帧的忽略列表。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

实时堆配置文件

控制是否实时更新堆配置文件。

另请参阅：

• 使用内存工具记录堆快照

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

采样堆探查器时间线

控制是否显示采样堆探查器时间线。

另请参阅：

• 使用内存工具记录堆快照

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

时间线：失效跟踪

控制是否在时间线上显示无效跟踪。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

时间线：显示所有事件

控制是否在时间线上显示所有事件。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

时间线：时间线上的 V8 运行时调用统计信息

控制是否在时间线上显示 v8 运行时调用统计信息。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在“性能”面板中查看 console.profile () 结果 Node.js

Microsoft Edge 109 的新增功能

在性能工具中显示 console.profile() Node.js 的结果。

console.profile() 可以在 DevTools 控制台 (或代码) 中使用来启动 JavaScript 配置文件，然后使用 console.profileEnd() 终止它。 完成后，可以在 JavaScript Profiler 工具中查看配置文件录制。

这是一种以编程方式记录 JavaScript 执行，这在某些性能调试情况下非常有用。

当 DevTools 用于调试在 Node.js 中运行的进程时，此试验使任何 console.profile 生成都可用于 性能 工具。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

另请参阅：

• JavaScript 探查器工具

启用检测断点

是否在测试断点处停止。 此试验使断点更加可靠。

另请参阅：

• 在检测断点上启用同步
• 首次加载源文件时，断点可能不会触发

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

使用源映射中的范围信息

从 Microsoft Edge 118 起新增功能

是否使用源映射中的范围信息。

另请参阅：

• 将已处理的代码映射到原始源代码，以便进行调试
• 将缩小的代码映射到源代码，以显示源代码工具概述中的可读代码。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在应用程序面板中启用预加载状态面板

从 Microsoft Edge 110 起新增功能

在某些情况下，例如，使用推理规则 API 时，Microsoft Edge 会预提取并预呈现用户将访问的下一页，以便更快地显示该页面。

此试验在应用程序工具中启用预提取&预呈现部分。 新部分显示浏览器预提取和预呈现的页面列表以及原因，这为你提供了调试代码的方法。

若要了解有关预呈现页面的详细信息，请参阅 在 Chrome 中预呈现页面以获取即时页面导航。

选中此试验复选框会在应用程序工具中添加“预加载”部分。 页面列表的 “预加载 ”部分包含预 提取 & 预呈现 页，其中包含列：

• 开始于
• Type
• 触发
• URL
• 状态

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。

在应用程序面板中启用存储桶树

从 Microsoft Edge 118 起新增功能

是否在 应用程序 工具中启用存储桶树。

状态：

• Microsoft Edge Canary 120 中存在此复选框。
• Microsoft Edge Stable 118 中存在此复选框。