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

Matthias Rohmer

Published: June 30, 2026

Chrome 150 为智能体开发者工具带来了改进的内存调试功能，通过更多小部件增强了 AI 辅助功能，并为 CSS @container 和 @function 规则引入了完整修改功能。

面向智能体的开发者工具

在最近的版本（最高 v1.4.0 ）中，面向智能体的 Chrome 开发者工具显著扩展了其智能体浏览器自动化和调试 功能。

自上一个版本以来，主要功能和改进包括：

  • 内存调试套件 (--experimentalMemory)： 智能体现在可以直接捕获和分析 V8 堆快照，以诊断 JavaScript 内存泄漏并分析对象保留层次结构。
  • Chrome 扩展程序管理 (--categoryExtensions)： 智能体可以管理扩展程序的生命周期（安装、卸载、重新加载、列出），并捕获后台 Service Worker 控制台日志以进行诊断。
  • 捆绑的智能体技能： skills/ 目录现在直接发布在 npm 软件包分发中，使 MCP 客户端智能体能够自动发现和执行专门的浏览和调试工作流。
  • 令牌和输出优化： 在源处限制屏幕截图尺寸可减少令牌消耗，而实验性 TOON（面向令牌的对象表示法）支持可优化结构化数据格式。
  • 增强的导航和上下文： list_pages 现在包含网页标题以及网址和目标 ID，以便改进多标签页上下文选择，而 allowedUrlPattern 和 blockedUrlPattern 配置选项可强制执行严格的浏览范围安全性。

如需了解面向智能体的开发者工具的最新动态并做出贡献，请访问 GitHub 仓库。

AI 辅助功能提供更深入的分析洞见

AI 助理代理导览中的新 Lighthouse 和计算样式 widget。

AI 辅助功能 面板不断发展，在智能体演练中提供了更多详细信息。 现在，九个额外的小部件提供了来自 Lighthouse、Network、Sources 和 Performance 面板的数据。这些小部件可帮助您更好地了解 Gemini 在调用智能体工具以检索性能事件、资源内容、网络请求等时使用的数据。

Chromium 问题：460763995

全面支持修改更多 CSS at-rules

Elements 面板中的 Styles 标签页为现代 CSS 功能带来了新的编写功能：

  • 就地修改 @container 规则： 您现在可以直接在 CSS @container 规则中修改容器 名称和查询条件，从而无缝地试验响应式容器查询设计。
  • CSS @function 规则修改： 添加了对自定义 CSS @function 规则的全面修改支持。
  • @counter-style 规则修改： 为 list-style-type 属性添加了代码补全功能，并将其直接链接到相应的 @counter-style 定义。
  • 收起不生效的规则： 通过新的偏好设置，您可以收起不生效的 CSS 样式规则，使 Styles 窗格仅专注于有效样式。

“样式”标签页中的 CSS 函数和 counter-style 规则。

Chromium 问题：507611251、 41491726、 480080406、 351662727、 514846131

Sources 中重复数据消除的断点和递归源映射支持

Sources 面板改进了复杂现代构建流水线的调试准确性：

  • 逻辑断点重复数据消除： 现在，使用最接近的已解析位置映射，在代码拆分软件包和 SSR/客户端编译的模板中消除了装订线中的断点标记重复。这样可以防止在调试跨多个代码块或环境共享的代码时出现重复的断点指示器。
  • 递归 EvalOrigin 和嵌套源映射： 调试器现在支持 递归 EvalOrigin 结构和跨 源映射的嵌套转换链，确保在 多阶段编译工作流中准确的堆栈轨迹和步进行为。
  • “转到行”键盘快捷键： 添加了 ALT + G 作为编辑器中“转到行”导航的额外键盘 快捷键，以避免与 Chrome 中的新 Gemini 快捷键冲突。
  • 导入属性格式： 更新了底层 Acorn 解析器，以支持标准 JavaScript 导入属性语法的美观打印格式。

Chromium 问题：493674242、 485142682、 480172712、 491167992

开发者工具中的安全性和跨源强化

与许多其他软件产品一样，我们最近发现安全报告数量激增，其中许多报告是在 AI 的帮助下发现的。该团队不断审核和修复这些问题，以确保开发者工具的安全：

  • 针对实时表达式的自我 XSS 保护： 在 Console 中创建实时表达式时，添加了自我 XSS 警告对话框和保护机制。
  • 记录器导航许可名单和重放验证： Recorder 面板现在强制执行严格的导航许可名单，以防止导航到高权限页面，同时在重放部分内执行严格的扩展程序来源验证。
  • 扩展程序网络替换限制： 由扩展程序管理的网络替换现在严格执行 runtime_blocked_hosts 主机政策。
  • 安全 @font-face 构造： 使用 CSSStyleSheet API 和安全网址字符串化重构了 @font-face 规则生成 ，以防止通过数据网址进行 CSS 注入。

其他亮点

此版本中的一系列较小改进和 bug 修复：

  • 性能：通过在识别的缓存 命中时强制将传输大小设为 0 字节，修复了缓存的 网络请求的 TraceTree 传输大小膨胀问题。
  • Performance：更新了性能格式化程序，以支持可选的 Chrome 用户体验报告 (CrUX) deviceScope 字段数据。
  • 性能：在调用树表中启用了横向滚动，以防止 长文件网址出现省略号截断。
  • 性能：修复了 多个跟踪文件中的 Insights 边栏中重新渲染中断和 DOM 状态损坏的问题。
  • 性能：将时间轴失效跟踪和调试模式 设置从实验性标志迁移到标准开发者工具设置。
  • 网络：恢复了不正确的列重命名，以恢复 Has overrides 列，并修复了标头和内容替换的排序逻辑。
  • 网络：修复了 Server-Timing 瀑布图中的 CSS attr() 样式，以便正确渲染 每行生成的颜色。
  • 网络：修复了无名 Cookie 的 Copy as c网址 命令生成。
  • Application：使用新的 StorageAgent 基础架构连接了 Application 面板中的本地存储和会话存储项。
  • Application：修复了 Speculative loads 状态优先级，以便成功预提取和预渲染的网址准确显示为“预渲染”。
  • Application：在堆 快照视图的各个列中显示了字节精确值工具提示。
  • 问题：每当后退导航会跳过广告条目时，都会显示 BackUINavigationWouldSkipAd 问题类型。
  • 问题：添加了对显示电子邮件验证请求 问题 (EmailVerificationRequestIssue) 的支持。
  • Lighthouse：在 Lighthouse 配置面板中添加了 Agentic Browsing 类别复选框（默认处于停用状态），并将捆绑的 Lighthouse 引擎更新为 v13.3.0。

Chromium 问题：518021339、 40908621、 517519019、 487755345、 505284391、 465915378、 512908993、40543651

无障碍功能改进

Chrome 150 对开发者工具中的屏幕阅读器播报、小部件结构和 ARIA 语义进行了多项改进：

  • 改进了在选择标签页和在 Styles 标签页中浏览各个部分时的屏幕阅读器播报。
  • 在对话框关闭图标上添加了描述性工具提示，并允许在工具提示上使用 ARIA 详细信息和说明属性。
  • 对上下文菜单项强制执行了严格的 ARIA menuitem 角色，以改进辅助技术的导航。

Chromium 问题：510013788