开发者工具的新变化(Chrome 147)

发布时间:2026 年 4 月 7 日

Chrome 147 引入了 AI 辅助的自动上下文选择功能,将代码建议升级为完整的代码补全功能,更新了设备模式工具栏,实现了压缩网络正文的自动解码,并进行了多项其他改进。

AI 助理中的自动上下文选择

更新后的 AI 辅助面板起始界面。

用户对 AI 辅助功能提出的最热门的功能要求之一是能够提出更开放式的问题。借助新的上下文选择代理,您现在可以在未预先选择上下文的情况下提问,例如:

  • “What are the slowest network requests on this page?”以前,您必须选择特定的网络请求,因此无法实现此目的。
  • “网页上存在哪些性能问题?”开发者工具现在会自动记录包含所选设置的轨迹,以回答此问题。
  • “如何使用动画面板?”或“开发者工具中的高对比度设置在哪里?”,直接提供有关开发者工具本身的帮助。

在此次变更中,AI 助理现在还可以自动切换上下文。 当聊天内容为空时,它会根据您的操作智能更新上下文;而一旦对话开始,它就会尊重您的手动选择。

代理的开发者工具

Chrome 开发者工具 MCP 服务器和 CLI 已更新至 0.21.0 版,可显著改进多代理工作流,通过 Lighthouse 提供新的审核功能,并增强技能集。

自上次更新以来添加的主要功能包括:

  • 集成式 Lighthouse 审核:您现在可以直接通过 MCP 运行 Lighthouse 审核,从而在代理工作流中自动执行性能和质量检查。
  • 内存泄漏检测技能:新增了一项使用 take_memory_snapshot 工具检测内存泄漏的技能。
  • 改进了无障碍技能:无障碍调试技能经过改进,可更好地利用 Lighthouse 并提供更可靠的输出。
  • 一般使用技能:关于如何使用 Chrome 开发者工具 MCP 服务器或 CLI 的专用技能,以及如何排查安装问题,可帮助您的代理充分利用面向代理的开发者工具。
  • 支持多智能体工作流:引入 pageId 路由后,多个智能体可以并行精确地定位并与特定浏览器页面互动。

如需开始使用这些功能,请查看包含详细版本说明的 GitHub 代码库

代码生成

在 Chrome 142 中,我们推出了控制台和“来源”面板中的 Gemini 代码建议。 在 Chrome 147 中,此功能升级为完整的代码生成功能。

如需生成代码,请输入描述所需逻辑的自然语言注释(例如 // Loop to check all img elements for valid alt attributes),然后按 Cmd+I (Mac) 或 Ctrl+I (Windows/Linux) 开始生成。

刷新了设备模式工具栏

我们对设备模式工具栏进行了现代化改造,以提供更一致、更精简的体验:

  • 标准化控件:设备选择、缩放级别和设备像素比 (DPR) 现在使用标准的开发者工具界面组件,从而提高了易用性。
  • 简化的缩放功能:缩放菜单现在更加简洁,“适应窗口大小”选项直接集成到百分比列表中。“自动调整缩放级别”已移至其自己的专用工具栏按钮。
  • 支持锁定屏幕方向:开发者工具现在可以在设备模拟中处理 screen.orientation.lock() API。当网页锁定屏幕方向时,模拟设备会自动旋转以匹配锁定的屏幕方向,并且在锁定处于有效状态时,手动旋转按钮处于停用状态。

Chromium 问题:40807290

解码后的压缩正文

现在,您可以更轻松地诊断压缩资源方面的问题。之前,如果 HTTP 请求使用 Content-Encoding: gzipdeflate网络面板中的载荷视图会显示乱码二进制数据,而不是解码后的内容。

在 Chrome 147 中,开发者工具会自动解码这些压缩的正文,并在载荷下直接显示可读的内容。

此外,请求列表现在还包含传输大小信息,可更清晰地了解通过网络传输的流量使用情况 - AI 助理也会利用此详细信息来更好地选择请求。

Chromium 问题:356158096

样式的正则表达式过滤条件

“样式”面板中的新正则表达式过滤条件。

现在,您可以在“样式”、“计算后”和“属性”面板的过滤栏中使用正则表达式。点击新的“正则表达式”切换按钮 (.*) 以启用。然后,例如输入 padding|border 以突出显示所有 paddingborder 属性。

Chromium 问题:40706727

推测加载增强功能

借助应用 > 推测性加载面板中的新功能,调试预加载功能变得更加可靠:

  • 文本过滤:您现在可以使用自由文本或键控过滤条件(例如 url:action:status:)过滤规则和尝试列表,并支持多个字词之间的 AND 逻辑。
  • “清除”按钮:借助新的“清除”按钮,您可以重置预加载模型,并清除显示的规则和尝试。
  • HTTP 状态代码:对于预提取失败的情况,开发者工具现在会在“状态”列和“详细信息”窗格中显示实际的 HTTP 状态代码(例如 404),而不是通用的失败消息。

Chromium 问题:47952424640926909

其他

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

  • 控制台:如果错误的所有内联堆栈帧都被列入忽略名单,但调用堆栈包含未被忽略的帧,则现在会显示一个切换开关,帮助您专注于可操作的代码,同时隐藏嘈杂的库轨迹 (379788109)。
  • 性能:现在,边栏状态(打开/关闭)会保持不变;如果您关闭边栏,在后续录制过程中,边栏会一直处于关闭状态 (437340219)。
  • 设置:现在,当您切换某些实验性设置时,开发者工具可以通过信息栏提示您重启浏览器。
  • 对象检查:对象视图中新增的“全部显示”上下文菜单选项可让您切换 nullish(nullundefined)属性的可见性 (41187256)。
  • 元素:“广告”装饰器不再仅限于 iframe,现在可以针对后端标记为与广告相关的任意元素显示(485493202)。
  • 指令节点:现在可以在 DOM 树中查看和修改处理指令节点(例如 <?xml-stylesheet ... ?>)(484891675)

无障碍

此版本在无障碍功能方面进行了多项改进:

  • 效果:效果指标卡片中的标题帮助按钮现在始终可见,并且可通过键盘访问,而不再仅在悬停时显示 (487613506)。
  • 来源:现在可以使用空格键选中或取消选中事件监听器断点 (478890182)。
  • 设置:Home 和 End 键现在可用于导航到快捷方式列表的第一个和最后一个项目 (481747256)。
  • Lighthouse:改进了类别组复选框的屏幕阅读器公告 (477643909)。