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 稳定版 151 中。
耐用邮件
Durable Messages 试验是对网络工具的保留日志功能的增强。
选中“ 持久消息 ”复选框后,DevTools 会告知浏览器在呈现器进程外部缓冲网络响应正文,以便请求和响应正文能够在跨进程导航中继续存在。 仅当在网络工具中启用保留日志设置时,此功能才会生效。
清除“ 持久消息 ”复选框后,将导致默认行为:响应正文位于呈现器进程中,在跨进程导航后将丢失。
另请参阅:
- 在网络功能参考中跨页面加载保存请求。
状态:
- 此复选框存在于 Microsoft Edge Canary 153 中。
- 此复选框存在于 Microsoft Edge 稳定版 151 中。
启用 CSS Copilot
允许使用 Microsoft Edge 边栏中的 Copilot 来解释 HTML 元素和 CSS 样式,以帮助你更好地理解元素工具中显示的特定元素或样式规则。 若要询问 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 中“源”工具的代码编辑器中打开文件。
在 DevTools 中所做的任何编辑现在都会更改硬盘上的文件,并与 Visual Studio Code实时同步。
另请参阅:
- 在 Visual Studio Code 中打开源文件 - 设置工作区。
状态:
- 此复选框存在于 Microsoft Edge Canary 153 中。
- 此复选框存在于 Microsoft Edge 稳定版 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 稳定版 151 中。