DevTools (Microsoft Edge 120) 中的新增功能

以下是 Microsoft Edge DevTools 稳定版中的最新功能。

DevTools 具有新的用户界面

从 Microsoft Edge 120 开始,DevTools 具有新的外观! 主要设计更新包括:

  • 带有图标的新 活动栏
  • 快速视图 ”面板代替 DevTools 底部的 抽屉
  • 活动 快速视图 可以切换到垂直方向。
  • 可以轻松打开、关闭和移动工具。

更新了 DevTools UI

请参阅博客文章: 在全新的 Edge DevTools 用户界面中

如果你更喜欢旧版 UI,可以通过转到“DevTools > 设置首选项>,然后选择“切换回旧版 DevTools UI”复选框来切换回旧版 UI。 重新加载 DevTools 后,将显示旧版 UI。

“在 DevTools 中使用 Copilot 解释”功能已正式发布

现在,可以使用 Edge 中的 Copilot 让 DevTools 解释任何主机错误、控制台警告或代码片段:

在 DevTools 中使用 Copilot 进行解释

此功能默认启用,从 Microsoft Edge 120 开始。 请参阅博客文章:导航意外:使用 Edge 中的 Copilot 和 DevTools

如果未看到该功能,可能需要先启用Edge 中的 Copilot。 若要了解详细信息,请参阅:

如果对该功能有任何疑问、评论或反馈,请在 GitHub 问题: [反馈][实验] 控制台和源工具中的错误、警告和源代码解释中留下评论。

用于记录和重播用户流以及衡量性能的新录制器工具

使用 录制器 工具可帮助你记录和重播常见用户流并衡量性能。 可以通过导入和导出来编辑和共享录制内容。

记录器工具中的初始视图概述了如何使用该工具:

记录器工具初始视图

单击“ 创建新录制 ”按钮后,可以命名录制内容并指定选择器属性:

记录器工具第二视图

在录制期间,会列出与网页的交互:

录制时录制工具

另请参阅:

Chromium项目的公告

Microsoft Edge 120 还包括来自 Chromium 项目的以下更新:

另请参阅