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

Sofia Emelianova
Sofia Emelianova

性能面板改进

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

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

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

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

在轨道配置模式中,您可以更改轨道的顺序,也可以将其隐藏。点击 arrow_upwardarrow_downward 向下移动航迹,或者点击 visibility_off 隐藏。如要退出配置模式,请点击底部的完成轨道配置。此配置会针对新的跟踪记录保留,但不适用于后续的开发者工具会话。

Chromium 问题:336266699

忽略火焰图中的脚本

Main 轨道中的火焰图增加了对忽略列表的支持。您现在可以右键点击图表中的脚本,然后选择向忽略列表添加脚本

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

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

Chromium 问题:336266714

将 CPU 降低 20 倍

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

将“20x speeddonw”添加到“Capture settings”之前和之后的情形。

Chromium 问题:324978881

性能数据分析面板将弃用

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

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

如需了解详情,请参阅 2024 年及以后的性能工具

如果您对哪些方面做得不错、哪些方面需要改进,以及哪些方面有待改进,欢迎提供反馈,欢迎向我们提供反馈

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

现在,在覆盖标头时,您可以粘贴整个标头字符串 (HEADER_NAME: VALUE),开发者工具会将位于 : 的字符串拆分为标头名称及其值。

请观看以下视频,了解具体过程。

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

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

此外,chrome://-网址替换菜单选项和修改按钮处于停用状态,这符合预期行为。

Chromium 问题:330967147337012362328210785

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

内存面板中的堆快照新增了一些过滤器,可帮助您发现内存使用效率低下的常见情况,例如重复的字符串、已分离的 DOM 节点保留的对象以及开发者工具 控制台

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

Chromium 问题:337094903

在“Application”>“Storage”中检查存储分区

您现在可以在 Application > Storage 部分中的专用树中检查存储分区了。此树状结构先前处于实验阶段,默认处于启用状态。

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

Chromium 问题:338094915

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

如果您自动执行 Chrome 使用或从命令行打开开发者工具进行调试,您通常需要停用每个新的开发者工具会话中出现的 self-XSS 警告

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

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

Chromium 问题:41491762

Lighthouse 12.0.0

Lighthouse 面板现在运行 Lighthouse 12.0.0。

此次更新带来了多项变化,包括移除 PWA 类别、重组搜索引擎优化 (SEO) 类别、弃用“总体节省”、新的审核和审核更改。请参阅更改的完整列表

要了解有关在开发者工具中使用 Lighthouse 面板的基础知识,请参阅 Lighthouse:优化网站速度

Chromium 问题:772558

其他亮点

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

  • 性能
    • 现在,系统会在下一个开发者工具会话中自动清除慢速捕获设置(启用高级绘制插桩启用 CSS 选择器统计信息)。
    • 现在,当您缩放火焰图和数据更改时,Selector Stats 标签页不会自动滚动到底部 (337999939)。
  • 控制台:现在,使用 Ctrl+` 快捷键时,只有在抽屉式导航栏中处于焦点时,才会关闭控制台40875466328210785)。
  • 自动填充:已修复地址解析问题(335409093335409707)。
  • 无障碍功能:修复了针对本地化字符串的屏幕阅读器朗读功能 (324930007)。

下载预览渠道

您可以考虑将 Chrome Canary 版Dev 版Beta 版用作默认开发浏览器。通过这些预览渠道,您可以使用最新的开发者工具功能,测试先进的网络平台 API,并在用户采取行动之前发现网站上的问题!

与 Chrome 开发者工具团队联系

使用以下选项讨论博文中的新功能和变化,或讨论与开发者工具有关的任何其他内容。

  • 通过 crbug.com 提交建议或反馈。
  • 使用开发者工具中的更多选项   了解详情   > Help > Report a DevTools issues来报告开发者工具问题。
  • 发推文:@ChromeDevTools
  • 请在 YouTube 视频或“开发者工具提示”YouTube 视频中留言说明“开发者工具的新变化”。

开发者工具的新变化

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

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 浏览器 112

Chrome 111

Chrome 浏览器 110

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 入门指南

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 已取消

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59