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 > 设置” 右上角) “关闭 图标。

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

还原选择了试验的默认值

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

  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 Stable 151 中存在此复选框。

持久消息

持久消息试验是网络工具的“保留日志”功能的增强。

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

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

另请参阅:

状态:

  • Microsoft Edge Canary 153 中存在此复选框。
  • Microsoft Edge Stable 151 中存在此复选框。

启用 CSS Copilot

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

元素工具中的 Copilot 图标

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

另请参阅:

状态:

  • Microsoft Edge Canary 153 中存在此复选框。
  • Microsoft Edge Stable 151 中存在此复选框。

启用符号服务器扩展支持

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

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

另请参阅:

状态:

  • Microsoft Edge Canary 153 中存在此复选框。
  • Microsoft Edge Stable 151 中不存在此复选框。

检测断点

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

另请参阅:

状态:

  • Microsoft Edge Canary 153 中存在此复选框。
  • Microsoft Edge Stable 151 中存在此复选框。

JPEG XL 支持

选中此复选框后, 呈现 工具具有 “禁用 JPEG XL 图像格式 ”复选框。

状态:

  • Microsoft Edge Canary 153 中存在此复选框。
  • Microsoft Edge Stable 151 中存在此复选框。

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

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

另请参阅:

状态:

  • Microsoft Edge Canary 153 中存在此复选框。
  • Microsoft Edge Stable 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 Stable 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 Stable 151 中存在此复选框。

另请参阅