Microsoft Edge DevTools 提供对仍在开发中的试验功能的访问权限。 本文列出并介绍了以下任一项中的实验性功能:
- Microsoft Edge 的最新版本的 Canary 预览频道。
- Microsoft Edge 稳定版的最新版本。
Microsoft Edge 的所有通道都具有试验性功能。 可以使用 Microsoft Edge Canary 渠道 获取最新的实验性功能。 若要查看 Microsoft Edge 版本中可用的试验的完整列表,请参阅 DevTools 中的“设置试验”>页。
这些试验可能不稳定或不可靠,可能需要重启 DevTools。
打开或关闭试验
实验性功能不断更新,可能会导致性能问题。 这是你可能想要关闭试验的原因之一。
若要在 Microsoft Edge 中打开或关闭试验,请执行以下操作:
要打开 DevTools,请右击网页,然后选择“检查”。 或者,按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。
在 DevTools 中的主工具栏上,单击“ 自定义和控制 DevTools (
) ”按钮,然后单击 “设置 (
) 按钮。 或者,按 Shift+?。在 “设置” 面板左侧,选择“ 试验” 页:
选中或清除试验的复选框。 某些试验默认处于选中状态。
单击“ 关闭 ” (
右上角) “关闭 ”图标。单击“ 重新加载 DevTools” 按钮。
还原选择了试验的默认值
若要还原为其启用实验功能的默认设置,请执行以下操作:
要打开 DevTools,请右击网页,然后选择“检查”。 或者,按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。
在 DevTools 的主工具栏上,单击 “设置 (
) 按钮。 或者,按 Shift+?。
“设置”面板随即打开,其中选择了“首选项”页。在 “首选项” 页底部,单击“ 还原默认值并刷新 ”按钮,然后单击“ 关闭 ” (
。
筛选试验
可以按标题中包含的文本筛选实验性功能。
要打开 DevTools,请右击网页,然后选择“检查”。 或者,按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。
在 DevTools 的主工具栏上,单击 “设置 (
) 按钮。 或者,按 Shift+?。
“设置”面板随即打开,其中选择了“首选项”页。在 “设置” 面板左侧,选择“ 试验” 页。
在“筛选器”文本框中单击并输入文本,例如时间线。 键入时,“ 试验 ”页中仅显示匹配的复选框。
若要结束筛选,请清除 “筛选器 ”文本框。
提供有关试验的反馈
我们渴望听到你关于实验功能的反馈。 若要与我们共享反馈, 请联系 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 按钮,然后提出后续问题。
关闭边栏时,此试验不可用。
另请参阅:
状态:
- 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 中源工具的代码编辑器中打开了该文件。
在 DevTools 中所做的任何编辑现在会更改硬盘驱动器上的文件,并与 Visual Studio Code 实时同步。
另请参阅:
- 在 Visual Studio Code 中打开源文件 - 设置工作区。
状态:
- Microsoft Edge Canary 153 中存在此复选框。
- Microsoft Edge Stable 151 中存在此复选框。
协议监视器
使 协议监视器 工具在 DevTools 中可用:
协议监视器工具显示 DevTools 发送和接收的消息,以调试检查的页面。 DevTools 使用 Chrome DevTools 协议 (CDP) 与检查页面通信。
若要选中此复选框,然后打开 “协议监视器 ”工具,请执行以下操作:
选中此 协议监视器 复选框,如上面 打开或关闭试验中所述。
在 DevTools 底部的 “快速视图 ”中,单击“ 更多工具 (+) ”按钮,然后选择“ 协议监视器”。
或者,打开命令菜单,例如按 Ctrl+Shift+P (Windows/Linux) 或 Command+Shift+P (macOS) ,然后在文本框中键入协议。 然后选择“ 显示协议监视器”。
协议监视器工具显示在 DevTools 底部的“快速视图”面板中。
另请参阅:
- 在 WebView2 应用中使用 Chrome DevTools 协议 (CDP)
- [实验]DevTools 中的新增功能中的协议监视器 (Chrome 92) 。
状态:
- Microsoft Edge Canary 153 中存在此复选框。
- Microsoft Edge Stable 151 中存在此复选框。