开发者工具的新变化，Chrome 126

Sofia Emelianova
Sofia Emelianova
GitHub

Google 用户调研。

改进了“效果”面板

此版本对性能面板进行了多项改进。

使用更新后的轨道配置模式移动和隐藏轨道

现在，您可以右键点击轨道名称，然后选择配置轨道，进入轨道配置模式。已移除需要额外空间的修改按钮。

将“修改”按钮替换为菜单选项前后的对比图。

在轨道配置模式下，您可以更改轨道顺序并隐藏轨道。点击 （向上箭头）或 （向下箭头）可移动轨道，点击 可隐藏轨道。如需退出配置模式，请点击底部的完成轨道配置。此配置会保留到新轨迹中，但不会保留到下一个开发者工具会话中。

Chromium 问题：336266699。

忽略火焰图中的脚本

主轨道中的火焰图添加了忽略列表支持。您现在可以右键点击图表中的脚本，然后选择将脚本添加到忽略列表。

用于将脚本添加到忽略列表的菜单选项、标记为忽略的脚本以及“设置”中的相应规则。

图表中会折叠忽略的脚本，将其标记为在忽略列表中，并将其添加到中的自定义排除规则设置 > 忽略列表。忽略的脚本会一直保存，直到您从轨迹或自定义排除规则中将其移除为止。

Chromium 问题：336266714。

将 CPU 降频 20 倍

性能面板的捕获设置中的 CPU 节流菜单新增了减速 20 倍选项。因此，您现在可以更准确地重现和分析实际性能问题，即使是在高端计算机上也是如此。

添加“20 倍减速”选项之前和之后的“拍摄设置”。

Chromium 问题：324978881。

“性能数据分析”面板将被弃用

实验性性能数据分析面板将于 2024 年被弃用。开发者工具团队正在努力将最有用的功能集成到性能面板中。性能分析面板现在会在顶部显示一个横幅，告知您即将弃用。

“性能数据分析”面板中的弃用警告横幅。

如需了解详情，请参阅2024 年及以后的性能分析工具。

如果您对哪些方面效果不错、哪些方面效果不佳以及哪些方面可以做得更好有任何反馈，我们都希望听到您的意见。

粘贴整个标头字符串以覆盖它们

在替换标头时，您现在可以粘贴整个标头字符串 (HEADER_NAME: VALUE)，DevTools 会在 : 处将该字符串拆分为标头名称及其值。

您可以在以下视频中查看实际效果。

在修改标头时，如果您输入的字符不是字母数字字符、连字符和下划线，网络面板现在会向您发出警告。

包含不受支持的字符的标头名称旁边的警告。

此外，对于 chrome://-网址，系统会停用替换菜单选项和修改按钮，这与预期行为一致。

Chromium 问题：330967147、337012362、328210785。

使用堆快照中的新过滤条件查找过多的内存用量

内存面板中的堆快照新增了一些过滤条件，可帮助您找到常见的内存使用效率低下的情况，例如重复的字符串、由分离的 DOM 节点和开发者工具控制台保留的对象。

添加过滤条件之前和之后，内存使用效率低下的常见情况。

Chromium 问题：337094903。

在“应用”>“存储空间”中检查存储分区

您现在可以在应用 > 存储空间部分中的专用树状视图中检查存储分区。此树之前处于实验阶段，现在已默认启用。

启用存储分区树之前和之后“存储”部分中的内容。

Chromium 问题：338094915。

使用命令行标志停用自 XSS 警告

如果您自动执行 Chrome 用法或以其他方式从命令行打开开发者工具进行调试，通常会希望停用在每个新的开发者工具会话中显示的自 XSS 警告。

控制台中的自 XSS 警告对话框。

您现在可以通过向 Chrome 传递 --unsafely-disable-devtools-self-xss-warnings 命令行标志来停用此对话框。

Chromium 问题：41491762。

Lighthouse 12.0.0

Lighthouse 面板现在运行的是 Lighthouse 12.0.0。

此更新带来了多项变更，包括移除 PWA 类别、重新整理 SEO 类别、弃用“总体节省”指标、新增审核和审核变更。请参阅完整的变更列表。

如需了解有关在开发者工具中使用 Lighthouse 面板的基础知识，请参阅 Lighthouse：优化网站速度。

Chromium 问题：772558。

其他亮点

此版本包含以下值得注意的修复和改进：

  • 效果：
    • 慢速捕获设置（启用高级绘制插桩和启用 CSS 选择器统计信息）现在会在下一个开发者工具会话中自动清除。
    • 现在，当您缩放火焰图且数据发生变化时，“选择器统计信息”标签页不会自动滚动到底部 (337999939)。
  • 控制台：现在，只有当抽屉中的控制台处于焦点状态时，Ctrl+` 快捷键才会关闭该控制台 (40875466, 328210785)。
  • 自动填充：修复了地址解析问题 (335409093、335409707)。
  • 无障碍功能：修复了本地化字符串的屏幕阅读器公告 (324930007)。

下载预览渠道

不妨考虑使用 Chrome Canary 版、开发者版或 Beta 版作为默认开发浏览器。通过这些预览渠道，您可以访问最新的 DevTools 功能，测试前沿的 Web 平台 API，并帮助您在用户之前发现网站上的问题！

与 Chrome 开发者工具团队联系

您可以使用以下选项讨论新功能、更新或与开发者工具相关的任何其他内容。

开发者工具的新变化

开发者工具的新变化系列中涵盖的所有内容的列表。