Chrome 从 2026 年起改为双周发版,开发者工具(DevTools)的更新节奏也随之加快。过去一个月,Chrome 153 与 154 陆续进入稳定版,官方在 9 月 22 日发布了十月一期的更新汇总。本文依据 Chrome for Developers 官方博客整理,逐项说明这些更新的实际用途,信息截至 2026 年 10 月 14 日,后续版本如有变动以官方页面为准。

Application 面板:新增广告脚本追踪
Application 面板的 Ads 区域新增了广告脚本追踪子面板,这是本期对做流量变现的站长最直接相关的更新。过去想弄清楚「到底哪个广告脚本在拖慢页面」只能靠猜,现在面板里集中了四类实验指标:视口内广告密度(Viewport ad density)、视口内广告数量(Viewport ad count)、广告占用的 CPU 总量(Total CPU usage by ads)和网络流量总量(Total network usage by ads)。
面板会列出主框架里的广告脚本,支持一键高亮页面上的广告元素。对同时运营多个站、在意页面体验分的开发者,这个面板把「广告影响性能」从黑盒变成了可量化的数据。需要注意的是这四项指标目前标注为实验性质,结论建议结合实际业务数据交叉验证。
Performance 面板:软导航终于完整支持
单页应用(SPA)的性能测量长期有个盲区:用户点击路由切换时浏览器并未真正导航,传统性能面板记录不到这段过程。本期更新后,软导航(soft navigation)分析在 Insights 视图中实现了端到端支持,SPA 的每次「页面跳转」都能作为独立测量对象。
同面板还新增了两项能力:一是通过 Chrome DevTools Protocol 下发 CPU 性能档位覆盖(Emulation.setCPUPerformanceOverride),把测试机的 CPU 固定到某一档位,让低端机上的性能表现可以复现;二是火焰图中按 Ctrl+F 现在能搜索扩展通过 Extensibility API 注册的自定义轨道。这三项加起来,SPA 的性能测试基本形成了闭环:软导航负责切面,CPU 档位负责控制变量,轨道搜索负责定位。
Elements 面板:非活动样式与键盘可达装饰器
调试 CSS 时一个常见困惑:某条规则明明写过,却对当前元素不生效,翻遍面板也找不到它。新版 Elements 面板支持显示非活动样式(inactive styles)——曾经匹配、但条件变化后不再生效的规则会继续展示,并用非活动标识区分。这个行为可以在设置中配置折叠方式。
DOM 树上的交互装饰器(View Source、Starting Style、Scroll Snap、Reveal)现在可以通过键盘聚焦并用回车或空格激活。对依赖键盘工作的开发者,这是无障碍层面的实质改进。
DevTools for agents:给 AI 编程智能体开的接口
本期分量最重的一组更新面向 AI 编程智能体:Chrome DevTools MCP server。它把开发者工具的能力封装成模型上下文协议接口,让编码智能体可以自己打开页面、读取控制台、查询堆快照,而不是只能读取代码。

具体新增能力包括:Agent Plugins 1.0 插件包,智能体可加载并执行模块化扩展;JavaScript 执行控制,可通过 --no-javascript-evaluation 关闭脚本求值来检查页面;按需加载 source map,避免大型站点因一次性加载全部映射而内存暴涨;可配置文件系统根目录与 CLI 路径权限;query_heapsnapshot 支持按保留大小或属性名直接查询堆快照对象;PWA 安装与生命周期的自动化检查工具;列出控制台消息时可附堆栈跟踪。
对用 AI 辅助编程的开发者,这等于把「描述bug」变成了「智能体自己复现bug」。前提是你使用的智能体客户端支持配置 MCP server,具体配置方法见官方仓库说明。
其他值得知道的改动
AI 助手新增了源码检查与性能 trace 记录能力;Device Mode 的设备预设列表做了现代化整理。这些属于日常体验优化,没有上述几项影响直接。
不同人群怎么用这期更新
| 人群 | 优先关注的更新 | 理由 |
|---|---|---|
| 前端工程师 | 软导航测量、CPU 档位覆盖 | SPA 性能测试形成闭环 |
| 做广告变现的站长 | Ads 子面板四项指标 | 量化广告对页面的占用 |
| AI 编程工具用户 | DevTools MCP server | 智能体可自行调试页面 |
| CSS 重度调试者 | 非活动样式 | 失效规则可视化 |
常见问题
这些功能需要单独装插件吗?
不需要。升级到对应的 Chrome 稳定版即可在 DevTools 中看到,部分实验指标可能需要在设置中手动开启。
软导航和普通导航有什么区别?
普通导航是浏览器加载新文档,软导航是 SPA 内部的路由切换,浏览器不产生文档级加载,因此过去的性能面板记录不到。
旧版本 Chrome 能用上吗?
不能。这些功能随 Chrome 151 之后的版本提供,需要升级浏览器。
MCP server 支持哪些智能体客户端?
官方通过 GitHub 仓库维护,凡支持 MCP 协议的客户端均可接入,具体兼容列表以仓库文档为准。
写在最后
本期更新里,广告脚本面板解决了「广告伤性能」的度量问题,软导航补上了 SPA 测量的最后一块短板,而 MCP server 可能是影响最深远的一项——开发者工具第一次把接口开给了 AI。建议优先试用前两项,MCP 接入前先确认你的智能体客户端版本。
参考来源:Chrome for Developers 官方博客《New in DevTools - October 2026》(2026-09-22 发布)。
转载请注明:Chrome DevTools 2026 年 10 月更新详解:广告脚本面板、软导航测量与给 AI 智能体的工具接口 | IT聚合信息网