通过

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

  • 项目

若要检查 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 存储库中提交问题。

视频：Microsoft Edge |DevTools 100 中的新增功能

视频“Microsoft Edge | 的缩略图DevTools 100 中的新增功能”

在 GitHub 加入 Microsoft Edge DevTools 社区

我们很高兴在 GitHub 上宣布推出新的 MicrosoftEdge > DevTools 存储库！ 这个新存储库是开发人员社区向我们发送改进 DevTools 的想法、反馈、建议和提示的地方。 我们渴望与你讨论 DevTools 如何更好地满足你的需求，并满足你每天在构建出色的 Web 体验时面临的挑战。

DevTools 反馈存储库

转到 GitHub 上的 DevTools 存储库，成为 Edge DevTools 社区的一部分。

按节点类型筛选堆快照摘要

在内存工具中快照查看堆中的所有对象时，可能很难专注于特定对象或保留路径。 现在，在 Microsoft Edge 100 中，可以在查看堆快照时使用新的节点类型筛选器，以便仅关注特定类型的节点。 例如，若要仅查看堆中的数组和字符串对象，请在“节点类型”筛选器中选择“数组”和“字符串”条目：

内存工具中堆快照中的节点类型

另请参阅：

在捷克和越南语中使用 DevTools

自定义和简化开发人员体验包括向所有人提供我们的工具，无论他们的首选语言如何。 我们已将两种新语言（捷克语和越南语）添加到支持的语言列表中，并将继续添加更多语言。 如果 DevTools 不支持你的首选语言，请告诉我们！

捷克和越南语的 DevTools

另请参阅：

网络工具现在显示请求的实现方式

在 Microsoft Edge 100 中， 网络 工具支持请求日志中新的 “完成者” 列。 如果请求已由服务辅助角色或缓存执行，则现在在 “完成者 ”列中跟踪该信息。 将请求日志导出或导入为 HAR 文件时，还包括 “完成者 ”列中的信息。

网络工具的请求日志中的“完成者”列

另请参阅：

有关此功能的历史记录，请参阅 问题 #16。

在“问题”工具中按严重性和浏览器目标筛选消息

在“问题”工具中，新的“严重性和浏览器”下拉列表允许按严重性和浏览器目标筛选消息，以帮助你专注于最相关的反馈。 可以选择或清除每个下拉列表中的选项。

若要查看所有相关消息，可能需要刷新页面。 如果出现提示，请在 “问题” 工具中单击“ 重新生成问题 ”按钮。

默认情况下， 严重性 筛选器设置为仅显示警告和错误：

严重性筛选器

浏览器筛选器仅适用于浏览器兼容性反馈，如“问题”列表的“兼容性”部分所示。 默认情况下， “浏览器” 筛选器显示顶部浏览器的消息，如 浏览器列表定义：

“浏览器”下拉列表，其中选择了“热门浏览器”

在以下示例中，将筛选掉有关 Firefox 和 Firefox for Android 的消息：

有关 Firefox 浏览器的消息已筛选掉 (删除)

另请参阅：

  • 使用“问题”工具在“查找并修复问题”中筛选问题。

录制性能配置文件时，性能工具中的火焰图将显示从main线程上的每个事件到源工具中相应 JavaScript 函数的链接。 但是，在导出和导入性能配置文件时，这些链接会断开。

在 Microsoft Edge 100 中，导入的性能配置文件中的链接现在使用 Azure Artifacts 符号服务器的源映射来映射回熟悉的原始源代码。 性能配置文件必须已在 Microsoft Edge 100 (或更高版本) 中导出，以便配置文件包含解析导出的性能跟踪中的源映射所需的信息。

导入的性能配置文件使用源映射的链接转到熟悉的原始源代码

另请参阅：

修复：网络工具中的瀑布视图现在与Visual Studio Code主题匹配

更新：从 Microsoft Edge 131 开始，删除了Visual Studio Code主题功能，此类主题还原默认主题：

  • Light+
  • 深色+

在早期版本的 Microsoft Edge 中，网络工具中请求的瀑布视图与适用于 DevTools 其余部分Visual Studio Code的主题不匹配。 在 Microsoft Edge 100 中，此问题已修复。

在 Microsoft Edge 100 之前，所选主题未在瀑布视图中应用：

所选主题未在瀑布视图中应用

现在，在 Microsoft Edge 100 中，所选主题将应用于网络工具中请求的瀑布视图：

所选主题现在应用于网络工具中请求的瀑布视图

另请参阅：

Chromium项目的公告

Microsoft Edge 版本 100 还包括来自 Chromium 项目的以下更新：