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

若要检查 Microsoft Edge DevTools 的最新功能以及 Microsoft Visual Studio Code 和 Visual Studio 的 Microsoft Edge DevTools 扩展,请阅读这些公告。

若要随时了解最新并获取最新的 DevTools 功能,请下载 Microsoft Edge 的预览体验成员预览版。 无论你使用的是 Windows、Linux 还是 macOS,都应考虑使用 Canary (或其他预览频道) 作为默认开发浏览器。 Microsoft Edge 的 Beta 版、Dev 版和 Canary 版本作为单独的应用运行,与 Microsoft Edge 的稳定发布版本并排运行。 请参阅 Microsoft Edge 预览体验成员频道

有关最新公告, 请在 Twitter 上关注 Microsoft Edge 团队。 若要报告 DevTools 问题或请求新功能,请在 MicrosoftEdge/DevTools 存储库中提交问题。

有关将 DevTools 连接到 Azure Artifacts 符号服务器的改进

在 Microsoft Edge 115 中,将 DevTools 连接到 Azure Artifacts 符号服务器更容易、更可自定义。 在以前版本的 Microsoft Edge 中,若要向符号服务器进行身份验证,必须在 Azure DevOps 中生成个人访问令牌 (PAC) ,然后将其粘贴到 DevTools 中。 现在,只要使用工作帐户登录到 Microsoft Edge,就可以使用 Microsoft Entra ID 连接到符号服务器。

此外,如果需要从不同的 Azure DevOps 组织提取源映射,现在可以连接到多个符号服务器。 还可以通过在包含或排除列表中指定源映射 URL 来筛选希望 DevTools 从符号服务器提取的源映射。

使用 DevTools 设置中的Microsoft Entra ID连接到符号服务器

消息“ 必须选择 Azure DevOps 组织 ”表示双击组织,或单击该组织,然后按 Enter

通配符

“筛选器行为 ”文本框中,支持以下通配符:

通配符 含义
? 匹配单个字符。
* 匹配任何字符的一个或多个。

如果选择“ 排除列表”,DevTools 会尝试查找脚本的任何源映射,但 URL 与列表中的某个条目匹配的脚本除外。

如果选择“ 包含列表”,DevTools 将仅尝试查找具有与列表中条目之一匹配的 URL 的脚本的源映射。 例如,假设在“筛选器行为”下拉列表中选择“包含列表”,然后在“筛选器行为”文本框中输入以下内容:

https://cdn.contoso.com/*
https://packages.contoso.com/*

在此示例中,DevTools 仅尝试解析与这两个 URL 模式匹配的源映射,不尝试加载其他脚本的源映射。

另请参阅:

内存工具增强功能

在早期版本的 Microsoft Edge 中,在内存工具中使用“在时间线上分配检测”选项时,内存工具每 50 毫秒获取一个堆样本。 但是,获取堆的样本会随着堆的大小而缩放,因此,如果堆大小为 200 MB,则实际生成该示例需要 1.5 秒。 因此,除了生成堆示例之外,在网站main线程上剩余的时间很少。 当时间线上的分配检测正在运行时,Web 内容可能看起来是挂起或被阻止的。

在 Microsoft Edge 115 中,堆的采样率现在缩放到生成示例所需的时间,从而释放main线程,以便在分析时与 Web 内容进行交互。

内存工具中的“时间线分配检测”分析选项

此外,在早期版本的 Microsoft Edge 中,堆快照有时会包含本应进行垃圾回收的对象, (GC'd) 。 在 Microsoft Edge 115 中,此问题已修复,现在堆快照更加准确。

另请参阅:

刷新的 DevTools 图标和按钮

在 Microsoft Edge 115 中,DevTools UI 已使用新的图标和按钮进行了改造。 例如,在 “源” 工具中调试时,调用堆栈中的当前帧由向右的蓝色箭头指示。 此图标与 Microsoft Visual Studio 和 Microsoft Visual Studio Code中的调试图标更一致:

调用堆栈中当前帧的右指向蓝色箭头图标

在早期版本的 Microsoft Edge 中,在性能工具的“自下而上”视图中,用于折叠和展开记录活动的三角形按钮呈现错误。 在 Microsoft Edge 115 中,此问题已修复,现在可以展开和折叠单个活动,以查看哪些函数正在调用它们:

用于在 Bottom-Up 视图中展开和折叠活动的三角形图标

另请参阅:

屏幕阅读器在设备模式下正确报出下拉列表状态

在早期版本的 Microsoft Edge 中,在设备模式下,当下拉菜单实际折叠时,屏幕阅读器错误地将下拉菜单的状态宣布为“展开”。 在 Microsoft Edge 115 中,此问题已修复,屏幕阅读器现在正确将设备模式下下拉菜单的状态报为“折叠”或“展开”:

在设备模式下展开的“限制”下拉菜单

另请参阅:

性能工具的分析改进

性能 工具中记录配置文件时,V8 JavaScript 引擎会定期采样正在运行的所有 JavaScript 函数,以在火焰图中准确报告 CPU 时间。 分析具有许多跨域 iframe 的网站时,这些示例需要很长时间才能收集。 这会导致大量开销,降低main线程速度,从而在分析时降低网站性能。 在 Windows 上的 Microsoft Edge 115 中,V8 可以更高效地收集这些示例,从而在分析时获得更好的站点性能。

此外,在 性能 工具中,现在可以在记录配置文件时在火焰图中看到探查器开销的表示形式。 此时间块表示记录配置文件时采样和分析事件所需的 CPU 时间,并不表示网站用户实际遇到的 CPU 时间。 分析开销 事件已添加到火焰图,以帮助将性能调查集中在影响实际用户的 编译代码评估脚本 事件上,而不是在 性能 工具中分析时仅花费时间的事件:

记录的性能配置文件中的“分析开销”时间块

另请参阅:

Chromium项目的公告

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