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

Published: April 7, 2026

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

AI 辅助功能中的自动上下文选择

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

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

  • “此页面上最慢的网络请求是什么?”以前,您必须选择特定的网络请求,因此无法提出此类问题。
  • “页面上存在哪些性能问题?”现在,开发者工具会自动记录包含您所选设置的跟踪记录,以回答此问题。
  • “如何使用动画面板?”或“开发者工具中的高对比度设置在哪里?”,直接提供有关开发者工具本身的帮助。

作为此变更的一部分,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) 开始 生成。快捷键中的 i 为小写。

经过刷新的设备模式工具栏

设备模式 工具栏已进行现代化改造,可提供更一致、更简洁的体验:

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

Chromium 问题:40807290

解码压缩正文

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

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

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

Chromium 问题:356158096

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

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

您现在可以在 StylesComputedProperties 面板的过滤条件栏中使用正则表达式。点击新的正则表达式切换按钮 (.*) 即可启用。然后,例如,键入 padding|border 以突出显示 所有 paddingborder 属性。

Chromium 问题:40706727

推测加载增强功能

借助 Application > Speculative loads 面板中的新功能,预加载调试功能更加强大:

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

Chromium 问题:47952424640926909

其他

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

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

无障碍

此版本带来了一些无障碍功能改进:

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