Microsoft Edge DevTools 中的试验功能

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

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

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

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

打开或关闭试验

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

在 Microsoft Edge 中打开或关闭试验:

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

  2. 在 DevTools 的主工具栏上,单击 “自定义和控制 DevTools ”  (“自定义和控制 DevTools 图标) ”按钮,然后单击“ 设置 ” (“ 设置”图标) 按钮。 或者按 Shift+?。

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

    设置中的试验页面

  4. 选中或清除试验复选框。 默认情况下会选择某些试验。

  5. 单击“关闭” (DevTools 设置右上角的“DevTools > 设置”中的“关闭”图标) 。

  6. 单击 “重新加载开发工具 ”按钮。

还原为其选择试验的默认值

要还原为其打开实验功能的默认设置,请执行以下操作:

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

  2. 在 DevTools 的主工具栏上,单击“ 设置 ” (“ 设置”图标) 按钮。 或者按 Shift+?。 “ 设置” 面板将打开,并选择“ 首选项” 页面。

  3. 在 “首选项” 页面底部,单击“ 还原默认值并刷新 ”按钮,然后单击“ 关闭” (DevTools > 设置 中的“关闭”图标) 。

筛选试验

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

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

  2. 在 DevTools 的主工具栏上,单击“ 设置 ” (“ 设置”图标) 按钮。 或者按 Shift+?。 “ 设置” 面板将打开,并选择“ 首选项” 页面。

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

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

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

提供有关试验的反馈

我们期待收到你关于试验功能的反馈。 若要与我们共享反馈, 请联系 Microsoft Edge DevTools 团队。

试验列表

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

AI 解释主机错误

控制 “解释控制台 ”功能是打开还是关闭。 当 “解释控制台 ”功能打开时,单击 Copilot 图标将打开边栏聊天并解释错误。

另请参阅:

状态:

  • 此复选框存在于 Microsoft Edge Canary 153 中。
  • 此复选框存在于 Microsoft Edge 稳定版 151 中。

耐用邮件

Durable Messages 试验是对网络工具的保留日志功能的增强。

选中“ 持久消息 ”复选框后,DevTools 会告知浏览器在呈现器进程外部缓冲网络响应正文,以便请求和响应正文能够在跨进程导航中继续存在。 仅当在网络工具中启用保留日志设置时,此功能才会生效。

清除“ 持久消息 ”复选框后,将导致默认行为:响应正文位于呈现器进程中,在跨进程导航后将丢失。

另请参阅:

状态:

  • 此复选框存在于 Microsoft Edge Canary 153 中。
  • 此复选框存在于 Microsoft Edge 稳定版 151 中。

启用 CSS Copilot

允许使用 Microsoft Edge 边栏中的 Copilot 来解释 HTML 元素和 CSS 样式,以帮助你更好地理解元素工具中显示的特定元素或样式规则。 若要询问 Copilot 有关元素或样式规则的信息,请单击其旁边的 Copilot 按钮,然后提出后续问题。

元素工具中的 Copilot 图标

关闭边栏时,此试验不可用。

另请参阅:

状态:

  • 此复选框存在于 Microsoft Edge Canary 153 中。
  • 此复选框存在于 Microsoft Edge 稳定版 151 中。

启用符号服务器扩展支持

如果选中此复选框,则支持 Edge DevTools 符号服务器扩展 测试扩展,从而为扩展中的 符号服务器 提供新体验。 此扩展仍处于 beta/测试阶段。

如果清除此复选框,请使用 DevTools >设置>符号服务器 页面。

另请参阅:

状态:

  • 此复选框存在于 Microsoft Edge Canary 153 中。
  • 此复选框在 Microsoft Edge 稳定版 151 中不存在。

检测断点

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

另请参阅:

状态:

  • 此复选框存在于 Microsoft Edge Canary 153 中。
  • 此复选框存在于 Microsoft Edge 稳定版 151 中。

JPEG XL 支持

选中此复选框后, 渲染 工具具有 禁用 JPEG XL 图像格式 复选框。

状态:

  • 此复选框存在于 Microsoft Edge Canary 153 中。
  • 此复选框存在于 Microsoft Edge 稳定版 151 中。

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

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

另请参阅:

状态:

  • 此复选框存在于 Microsoft Edge Canary 153 中。
  • 此复选框存在于 Microsoft Edge 稳定版 151 中。

在 Visual Studio Code 中的打开源文件

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

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

在样式工具中选择文件链接将在 Visual Studio Code 中打开该文件

在 DevTools 中所做的任何编辑现在都会更改硬盘上的文件,并与 Visual Studio Code实时同步。

另请参阅:

状态:

  • 此复选框存在于 Microsoft Edge Canary 153 中。
  • 此复选框存在于 Microsoft Edge 稳定版 151 中。

协议监视器

使 协议监视 器工具在 DevTools 中可用:

“协议监视器”工具

协议监视器工具显示 DevTools 发送和接收的消息,以调试检查的页。 DevTools 使用 Chrome DevTools 协议 (CDP) 与被检查的页面进行通信。

要选中此复选框,然后打开 协议监视 器工具:

  1. 选中此 协议监视器 复选框,如上文 打开或关闭实验中所述。

  2. 在 DevTools 底部的“ 快速视图 ”中,单击“ 更多工具 (+) ”按钮,然后选择 “协议监视器”。

    或者,打开命令菜单,例如按 Ctrl+Shift+P (Windows/Linux) 或按 Command+Shift+P (macOS) ,然后在文本框中键入“协议”。 然后选择“ 显示协议监视器”。

    协议监视器工具显示在 DevTools 底部的“快速视图”面板中。

另请参阅:

状态:

  • 此复选框存在于 Microsoft Edge Canary 153 中。
  • 此复选框存在于 Microsoft Edge 稳定版 151 中。

另请参阅