Chrome 132 开发者工具的新变化

Sofia Emelianova
Sofia Emelianova
GitHub

使用 Gemini 调试网络请求、源文件和性能轨迹

除了 CSS 样式之外，您现在还可以与 Gemini 聊聊网络请求、源文件和性能轨迹。

与元素面板中的上下文菜单类似，如需打开 AI 辅助面板并开始与 Gemini 对话，请右键点击并选择向 AI 提问，或点击以下各项旁边的 向 AI 提问按钮：

  • 网络面板中的网络请求。
  • 来源 > 网页标签页中的文件。
  • 效果 > 主要轨道中的活动。

“向 AI 提问”按钮和菜单选项位于“网络”“来源”和“性能”中。

Gemini 会将所选请求、文件或活动的背景信息纳入考虑范围。

开发者工具团队期待在 crbug.com/364805393 中收到您的反馈。

AI 对话记录

现在，您可以在 AI 辅助功能面板中恢复和查看与 Gemini 的过往对话。为此，您可以点击面板左上角的 新对话按钮，也可以使用网络面板、来源 > 网页标签页和效果 > 主要轨道中的向 AI 提问按钮和菜单选项。

如需查看之前的某次对话，请从 历史记录按钮下方的下拉菜单中选择相应的提示。在开发者工具打开期间，AI 辅助功能面板会记住您的聊天记录。

“历史记录”按钮下方的下拉菜单中的 AI 对话历史记录。

在“应用”>“存储”中管理扩展程序存储空间

与本地存储空间和会话存储空间类似，您现在可以在应用 > 存储空间部分中查看和更改扩展程序存储空间条目。

在“应用”面板中添加“扩展程序存储空间”部分之前和之后。

Chromium 问题：crbug.com/40963428。

提升了性能

此版本对性能面板进行了一些改进。

实时指标中的互动阶段

您现在可以展开效果实时指标中的互动，查看阶段及其时间的细分数据。

添加阶段及其时间安排细分信息之前和之后，互动情况对比。

正如开发者工具中的 Web Vitals 扩展程序中所述，这些功能的发布标志着 Web Vitals 扩展程序的支持结束。

Chromium 问题：crbug.com/369097528。

“摘要”标签页中的呈现屏蔽信息

当您在性能 > 网络轨迹中选择标有红色三角形的网络请求时，摘要标签页除了显示（重构的）工具提示之外，现在还会告知您该请求会阻塞渲染。

在“摘要”标签页中添加了渲染阻塞信息之前和之后。

支持 scheduler.postTask 事件及其发起者箭头

性能 > 主轨道现在会显示 scheduler.postTask() 事件以及它们之间的以下发起者箭头：

  • Schedule postTask -> Fire postTask
  • Schedule postTask -> Abort postTask

添加对 scheduler.postTask 事件及其发起者箭头的支持之前和之后。

Chromium 问题：crbug.com/40775984。

“动画”面板和“元素”>“样式”标签页改进

此版本对动画面板和元素 > 样式标签页进行了一些改进。

现在，元素 > 样式 标签页会在 animation 属性的值旁边放置 animation 跳转到“动画”面板图标，以便您轻松检查动画。

从“样式”标签页向“动画”面板添加链接前后的对比。

“计算”标签页中的实时更新

现在，当动画更新计算值时，“元素”>“计算”标签页会实时更新计算值。

传感器中的计算压力模拟

借助传感器面板，您现在可以模拟 Nominal、Fair、Serious 和 Critical CPU 压力。

在“传感器”面板中添加 CPU 压力模拟选项之前和之后。

Chromium 问题：crbug.com/362277525。

内存面板中按来源分组的同名 JS 对象

“内存”面板现在可以区分来自不同来源的同名 JS 对象，并相应地对它们进行分组。

按来源对具有相同名称的前后分组 JS 对象进行分组。

Chromium 问题：crbug.com/357902505。

焕然一新的设置界面

为了更好地统一界面设计，开发者工具设置现在与 Chrome 设置更加相似。特别是，各个部分现在以“卡片”的形式在视觉上分隔开来。

将之前和之后的各个部分分隔为“卡片”。

“性能数据分析”面板已弃用，并已从开发者工具中移除

性能数据分析面板中的所有重要实用功能现已移至性能面板，具体位于实时指标、数据洞见侧边栏标签页和布局偏移轨道中。因此，此版本弃用了开发者工具中的性能数据分析面板并将其移除。

开发者工具团队非常感谢您就此面板的弃用以及整体性能调试体验提供的反馈。我们一如既往地期待听到您的想法和了解您的观点。请继续发送！

其他亮点

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

  • 效果：
    • 移除了搜索查询中不必要的 3 个字符限制。
    • 添加了 主页按钮，可返回到实时指标界面。
    • 修复了之前损坏的 Shift+S/W 轨迹缩放快捷键。
  • 元素 > 样式：
  • 网络：预提取失败现在显示为黄色警告，而不是红色错误，以表明内容显示不受影响 372055494。

下载预览渠道

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

与 Chrome 开发者工具团队联系

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

开发者工具的新变化

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