Chrome 132 版本开发者工具（DevTools）更新内容

Chrome 131 可以使用 Gemini 调试 CSS，现在可以调试更多模块了

与元素面板中的右键菜单类似，要打开 AI 辅助面板并开始与 Gemini 的聊天，可以通过以下方式操作：

可以通过以下方式在 AI 辅助面板中恢复并查看与 Gemini 的历史聊天记录：

要查看之前的聊天记录，可以点击 "History" 按钮下方的下拉菜单，从中选择相应的提示。只要 DevTools 处于打开状态，AI 辅助面板会记住聊天历史记录。

与本地存储和会话存储类似，现在可以在 Application > Storage 部分查看和修改扩展存储条目

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

现在，可以在性能实时指标中展开交互项，以查看各个阶段的详细分解及其时间数据。

现在这些功能已集成到 DevTools 中，这也标志着 Web Vitals 扩展将停止支持

当在 Performance > Network 轨道中选择一个带有红色三角形标记的网络请求时，摘要 (Summary) 选项卡现在会显示该请求是渲染阻塞的，这一信息补充了（重构后的）工具提示内容。

在 Performance > Main track 中，现在可以显示 scheduler.postTask() 事件及其触发箭头，具体包括以下情况：

此版本对动画面板和 Elements > Styles 选项卡进行了若干改进。

现在，Elements > Styles 选项卡在动画属性值旁边添加了一个跳转到动画面板的按钮，方便在动画面板中轻松修改动画。

现在，当例如动画更新计算值时，Elements > Computed 选项卡会实时更新计算后的值。

Sensors 面板现在允许仿真 Nominal 、Fair 、Serious 和 Critical 等不同级别的 CPU 压力。

Memory 面板现在区分来自不同来源的同名 JS 对象，并按来源对它们进行分组。

为了更好地统一用户界面设计，DevTools 的设置界面现在与 Chrome 设置更加相似。特别是，各个部分现在通过"卡片"方式在视觉上进行分隔。

性能洞察面板中的所有重要和有用功能现在已迁移到性能面板，特别是在实时指标、洞察侧边栏选项卡和布局偏移轨道中。因此，本版本弃用了性能洞察面板，并将其从 DevTools 中移除。