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

在 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 中,网络工具中请求的瀑布视图与适用于 DevTools 其余部分Visual Studio Code的主题不匹配。 在 Microsoft Edge 100 中,此问题已修复。

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

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

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

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

另请参阅:

Chromium项目的公告

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