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

Sofia Emelianova
Sofia Emelianova
GitHub

性能面板改进

此版本对效果面板进行了多项改进。

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

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

将“修改”按钮替换为菜单选项之前和之后。

在轨道配置模式下，您可以更改轨道的顺序并隐藏轨道。点击 向上或 向下移动轨道，或点击 隐藏。如需退出配置模式，请点击底部的完成轨道配置。此配置在出现新跟踪记录时会保留，但在开发者工具会话之后不会保留。

Chromium 问题：336266699。

忽略火焰图中的脚本

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

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

该图表会收起已忽略的脚本，将其标记为已列入忽略列表，并将其添加到 设置 > 忽略列表中的自定义排除规则。系统会保存已忽略的脚本，直到您将其从跟踪记录或自定义排除规则中移除为止。

Chromium 问题：336266714。

将 CPU 节流 20 次

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

将“20xSlowdonw”选项添加到“拍摄设置”之前和之后的对比。

Chromium 问题：324978881。

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

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

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

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

如果您对哪些方面做得不错，哪些方面需要改进，以及您认为在哪些方面需要改进，欢迎提供反馈，我们期待您的反馈。

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

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

请观看以下视频，了解实际操作。

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

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

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

Chromium 问题：330967147、337012362、328210785。

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

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

在针对内存用量效率低下的常见情况添加过滤条件选项之前和之后。

Chromium 问题：337094903。

在“应用”>“存储”中检查存储桶

您现在可以在应用 > 存储部分检查专用树中的存储分区。这种树之前为实验性功能，现已默认处于启用状态。

在“存储”部分启用存储桶树之前和之后。

Chromium 问题：338094915。

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

如果您自动使用 Chrome 或通过命令行打开 DevTools 进行调试，通常需要停用每次新 DevTools 会话中都会显示的自 XSS 警告。

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

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

Chromium 问题：41491762。

Lighthouse 12.0.0

Lighthouse 面板现在运行 Lighthouse 12.0.0。

此次更新带来了许多更改，包括移除 PWA 类别、重新设计搜索引擎优化 (SEO) 类别、弃用“总体节省”功能，以及进行新的审核和审核方面的更改。请参阅完整的更改列表。

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

Chromium 问题：772558。

其他亮点

以下是此版本中的一些值得注意的修复和改进：

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

下载预览渠道

请考虑将 Chrome Canary、开发者版或 Beta 版用作您的默认开发浏览器。通过这些预览渠道，您可以使用最新的开发者工具功能，测试先进的网络平台 API，并帮助您在用户之前发现网站上的问题！

与 Chrome 开发者工具团队联系

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

开发者工具的新变化

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