开发者工具的新变化 - Chrome 139

Sofia Emelianova
Sofia Emelianova
GitHub

更可靠、更高效的 Chrome 开发者工具

在此版本中，Chrome 开发者工具优先考虑了产品卓越性。这包括解决各种已知问题，从长期存在的视觉故障、可用性问题和设计不一致问题到性能和功能问题。总体而言，我们将未结问题的数量减少了 27%。

我们最终解决了一些存在多年的问题，但也改进了较新的功能，例如效果面板和 AI 辅助工具。这样一来，开发者体验便得到了全面显著的提升。

在幕后，我们投入了大量精力来提高测试覆盖率、调查复杂的测试失败问题、将测试迁移到更可靠的基础架构，并解决了我们在迁移过程中发现的 bug。我们成功将测试相关问题的数量减少了 54%。

我们希望您能体验到这些细微的修复和改进，它们遍布各个面板，让您的日常调试和开发工作流程更加顺畅、可靠和高效。

在 AI 辅助功能中上传图片以进行样式设置

为了在提示中提供更多直观背景信息，您现在不仅可以自动截取屏幕截图，还可以将任意图片上传到AI 辅助面板中与 Gemini 的对话中。

从元素面板开始对话：选择一个 DOM 元素，然后点击 Ask AI，这样该元素就会被指定为对话上下文。然后，点击输入字段中的 添加图片。

支持任意图片上传之前和之后。

向“网络”中的表格添加请求标头

在网络面板中，您现在可以右键点击请求表格中的列名称，然后选择多个请求标头以将其添加为列。

在菜单中添加“请求标头”选项之前和之后。

Chromium 问题：397481040。

查看 2025 年 Google I/O 大会的精彩内容

如果您尚未尝试，不妨试试 Google I/O 2025 上重点介绍的全新 Chrome 开发者工具功能，包括但不限于：

此外，还可以查看新的性能分析：重复的 JavaScript 和旧版 JavaScript。

其他亮点

以下是此版本中的一些重要修复和改进：

  • 应用：现在，系统会显示一个确认对话框，让用户确认是否要清除 IndexedDB 对象存储区，因为这是一项不可逆的操作 (crbug.com/326987147)。
  • 来源：代码行旁边的日志点和条件断点徽章现在会在悬停时显示包含相应日志消息或条件的提示 (crbug.com/40266230)。

  • 性能：

    • “布局偏移的罪魁祸首”分析现在会显示指向未设置尺寸的图片的链接 (crbug.com/416449602)。
    • 发现 LCP 请求洞见现在会显示图片在最早开始检测到后的加载延迟。
    • 节流：修复了部分用户本地存储的过时节流设置格式。
    • 活动日志：过滤速度得到提升 (crbug.com/40783421)。

  • 动画：废弃了预览屏幕截图，因为点击预览动画组可提供类似且更好的体验 (crbug.com/330179643)。

  • 无障碍功能：

下载预览渠道

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

与 Chrome 开发者工具团队联系

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

开发者工具的新变化

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