以下是 Microsoft Edge DevTools 稳定版中的最新功能。
DevTools 具有新的用户界面
从 Microsoft Edge 120 开始,DevTools 具有新的外观! 主要设计更新包括:
- 带有图标的新 活动栏 。
- “ 快速视图 ”面板代替 DevTools 底部的 抽屉 。
- 活动 栏 和 快速视图 可以切换到垂直方向。
- 可以轻松打开、关闭和移动工具。
请参阅博客文章: 在全新的 Edge DevTools 用户界面中。
如果你更喜欢旧版 UI,可以通过转到“DevTools > 设置首选项”>,然后选择“切换回旧版 DevTools UI”复选框来切换回旧版 UI。 重新加载 DevTools 后,将显示旧版 UI。
“在 DevTools 中使用 Copilot 解释”功能已正式发布
现在,可以使用 Edge 中的 Copilot 让 DevTools 解释任何主机错误、控制台警告或代码片段:
此功能默认启用,从 Microsoft Edge 120 开始。 请参阅博客文章:导航意外:使用 Edge 中的 Copilot 和 DevTools。
如果未看到该功能,可能需要先启用Edge 中的 Copilot。 若要了解详细信息,请参阅:
如果对该功能有任何疑问、评论或反馈,请在 GitHub 问题: [反馈][实验] 控制台和源工具中的错误、警告和源代码解释中留下评论。
用于记录和重播用户流以及衡量性能的新录制器工具
使用 录制器 工具可帮助你记录和重播常见用户流并衡量性能。 可以通过导入和导出来编辑和共享录制内容。
记录器工具中的初始视图概述了如何使用该工具:
单击“ 创建新录制 ”按钮后,可以命名录制内容并指定选择器属性:
在录制期间,会列出与网页的交互:
另请参阅:
Chromium项目的公告
Microsoft Edge 120 还包括来自 Chromium 项目的以下更新:
- 第三方 Cookie 逐步取消
- 使用隐私沙盒分析工具分析网站的 Cookie
- 增强的忽略列表
-
“元素”面板现在显示节点的
#document
URL - 应用程序面板中的有效内容安全策略
- 改进了动画调试
- “你信任此代码吗? “源”中的对话框和控制台中的自 XSS 警告
- Web 辅助角色和 worklet 中的事件侦听器断点
-
和 的新媒体徽章
<audio>
<video>
- 预加载重命名为推理加载
- 辅助功能改进