开发者工具的新变化（Chrome 151）

Matthias Rohmer

发布时间：2026 年 7 月 28 日

Chrome 151 在 AI 辅助功能中为代理演练引入了更多 widget、在“样式”标签页中引入了详细的 CSS 特异性细分、支持 ::interest-button 伪元素，并对开发者工具 MCP 服务器进行了重大更新。

面向智能体的开发者工具

在最近的版本（直至 v1.6.0）中，面向智能体的 Chrome 开发者工具显著扩展了其针对 Antigravity、Claude、Codex 等编码智能体的调试功能。

从 v1.4.0 到 v1.6.0 的更新包括：

  • 改进了内存调试：新的 get_heapsnapshot_duplicate_strings 工具可检测 JavaScript 堆中因冗余字符串分配而造成的内存浪费。get_heapsnapshot_details 返回总对象数和内存大小汇总信息、可过滤的堆快照汇总信息、GC 根保留路径，并支持跨快照进行内存差异分析。
  • GCF 格式编码 (experimentalGcfFormat)：添加了对 GCF 编码工具响应的支持，以优化支持客户端的带宽和解析效率。
  • 并发多智能体网页路由和隔离上下文： --experimentalPageIdRouting 使并行子智能体能够使用显式 pageId 路由在不同的浏览器标签页上并发运行。--isolated 模式和 isolatedContext 参数可为每个会话创建临时 Chrome 个人资料和存储空间。

如需了解详情并开始使用，请访问 GitHub 上的代理专用开发者工具代码库。

AI 辅助

图片/屏幕录制：AI 辅助面板，显示了新的“网络轨道”内嵌 widget 和支持 GFM 表格的互动式演练。

AI 辅助面板在不断发展，通过专门的网络轨迹 widget（通过一键式导航渲染内嵌的性能网络活动，以放大“性能”面板中的时间范围）和网络请求列表 widget（在交互式表格中显示结构化请求参数），在智能体演练中提供更多详细信息。

此外，响应消息现在完全支持呈现 GitHub Flavored Markdown (GFM) 表格，以显示格式化的表格数据摘要。

CSS 特异性细分和 ::interest-button 支持

“样式”标签页中新增的 CSS 特殊性细分工具提示。

元素面板为现代 Web 平台 API 带来了更深入的 CSS 检查和编写工具：

  • 详细的 CSS 特异性细分：现在，将鼠标悬停在样式标签页中的选择器名称上，系统会显示一个详细的工具提示，其中细分了每个类、ID、元素或伪类对 (a, b, c) 特异性计算的贡献。此功能由社区贡献者提供，感谢 @hjanuschka！
  • ::interest-button 伪元素：开发者工具现在可以完全解析并在“元素”树状结构和“样式”标签页中呈现新的 ::interest-button CSS 伪元素（HTML interesttarget 规范的一部分）。
  • 针对 HTML 关系属性的异步目标链接：popovertarget、interesttarget 和 commandfor 等 HTML 属性现在可以异步提取并直观地链接其目标 DOM 节点。
  • 针对大型样式表的延迟渲染：现在，当元素的 CSS 属性超过 200 个时，“样式”标签页会使用延迟属性装饰器，从而将渲染阻塞时间从几秒缩短到几毫秒。

Chromium 问题：353436867、453705247、524406293、457696384、524131115

内存调试：原生上下文归因和闭包保留

启用了“由上下文保留的对象”过滤器的内存面板，其中包含快照。

现在，在多框架或多上下文 Web 应用中诊断复杂的 JavaScript 内存泄漏问题时，内存面板会提供更清晰的视图：

  • 原生 V8 上下文归因：堆快照现在执行两阶段归因算法。静态指针推理可解析 native_context 映射，而图可达性可跟踪剩余的对象。可从单个原生上下文访问的对象直接归因于该上下文，而可从多个上下文访问的对象则归类到共享上下文存储分区中。
  • “由上下文保留”过滤条件：堆快照透视图中新增了一个界面过滤条件，可用于隔离仅通过 JavaScript 闭包上下文对象保留的对象。
  • 可配置的属性显示顺序：新增了一个上下文菜单切换开关按字母顺序对属性排序（默认处于启用状态），让您可以在检查堆对象属性时，在按字母顺序排序和原始 JS 属性插入顺序之间切换。

Chromium 问题：497855658、423838364、40833016

Promisified 扩展 API 和安全加固

DevTools 扩展程序 API 已更新为采用现代异步模式和更严格的安全控制：

  • 原生 Promise 支持：chrome.devtools.network（getHAR()、Request.getContent()）、chrome.devtools.panels 和 chrome.devtools.inspectedWindow（eval()、getResources()、Resource.getContent()、Resource.setContent()）中的异步方法现在在调用时如果不带回调形参，则会返回标准 JavaScript Promise 对象。
  • 扩展程序安全边界：DevTools 扩展程序现在受到限制，无法提取被屏蔽的目标网址的 HAR 资源，必须满足 inspectedWindow.eval 中跨扩展程序评估的 extensionsOnChromeUrls 权限，并对 file:// 资源强制执行 allowFileAccess 检查。

其他亮点和修复

此版本包含多项细微改进和 bug 修复：

  • 性能：添加了 Soft FCP（First Contentful Paint）时间轴标记，以及 Soft LCP 和 Soft Navigation 标记，并更新了详情抽屉式导航栏标题。
  • 性能：在没有 PressureObserver 支持的 Android 设备上，添加了在 CPU 节流校准期间跳过计算压力检查的保护措施。
  • 网络：更新了复制为 c网址，以使用 --url 为目标网址添加前缀，防止命令行标志错误解读以短划线为前缀的网址。
  • 来源：默认启用源映射范围解析，从而在调试期间改进变量范围解析和符号取消缩小。
  • 设置：更新了模拟设备预设，以支持具有经过验证的安全区域边衬区的新 iPhone 和 Pixel 型号，并使用 navigator.userAgent 预填充自定义设备 User-Agent 字段。（Chromium 问题：40718410、518215252）
  • 设置：更新了链接处理设置下拉菜单，以显示用户友好的扩展程序标题，而不是原始扩展程序来源网址。
  • Lighthouse：将捆绑的 Lighthouse 模块更新为版本 13.4.0。 （Chromium 问题：40543651）

无障碍功能改进

Chrome 151 带来了以下无障碍功能增强：

  • 元素：在 Windows 高对比度 / @media (forced-colors: active) 模式下，通过移除冲突的 background-color 替换项，恢复了切换工具栏图标（例如脚本执行继续按钮）的可见性。（Chromium 问题：519762185）
  • 控制台：为控制台 Pin 中截断的实时表达式字符串值添加了无障碍的全文本 title 工具提示。