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 从符号服务器提取的源映射。
消息“ 必须选择 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 中,此问题已修复,现在可以展开和折叠各个活动,以查看哪些函数正在调用它们:
另请参阅:
- 单步执行JavaScript 调试功能中的代码。
- 性能功能参考中的“Bottom-Up”选项卡。
屏幕阅读器在设备模式下正确报出下拉列表状态
在早期版本的 Microsoft Edge 中,在“设备模式”中,当下拉菜单实际折叠时,屏幕阅读器错误地将下拉菜单的状态宣布为“展开”。 在 Microsoft Edge 115 中,此问题已修复,屏幕阅读器现在正确将设备模式下下拉菜单的状态报为“折叠”或“展开”:
另请参阅:
性能工具的分析改进
在 性能 工具中记录配置文件时,V8 JavaScript 引擎会定期采样正在运行的所有 JavaScript 函数,以在火焰图中准确报告 CPU 时间。 分析具有许多跨域 iframe 的网站时,这些示例需要很长时间才能收集。 这会导致大量开销,降低main线程速度,从而在分析时降低网站性能。 在 Windows 上的 Microsoft Edge 115 中,V8 可以更高效地收集这些示例,从而在分析时获得更好的站点性能。
此外,在 性能 工具中,现在可以在记录配置文件时在火焰图中看到探查器开销的表示形式。 此时间块表示记录配置文件时采样和分析事件所需的 CPU 时间,并不表示网站用户实际遇到的 CPU 时间。 分析开销 事件已添加到火焰图,以帮助将性能调查集中在影响实际用户的 编译代码 和 评估脚本 事件上,而不是在 性能 工具中分析时仅花费时间的事件:
另请参阅:
- 如果 Windows 支持精确的睡眠 (4453767) ,则避免采样器线程中的忙碌等待 。Gerrit 代码评审
- 显示 V8。作为探查器开销 (4504370) 完成Deserialization 时间 ·Gerrit 代码评审
- 问题1428605:启用 CPU 分析时,V8 的代码缓存反序列化比常规非缓存编译慢 2-4×慢
Chromium项目的公告
Microsoft Edge 115 还包括来自 Chromium 项目的以下更新: