Chrome 团队 11 月 10 日发布 Modern Web Guidance（MWG）1.0 稳定版。这是一套装进编码 Agent 的技能包，内含约 200 篇经浏览器工程师和无障碍专家审核的指南，覆盖性能、无障碍、交互体验和安全，并内置 Baseline 兼容性数据，帮 Agent 少写过时的 JavaScript，多用原生 HTML/CSS 能力。1.0 新增「现代化工作流」，可静态扫描已有的 HTML、CSS、JS 和 package.json，找出可安全升级的旧写法；项目也从 Chrome 独家变为 Firefox、Edge 共同参与。支持 Antigravity、Cursor、GitHub Copilot、Codex、WebStorm 等，一行 npx modern-web-guidance@latest install 即可安装。
核心要点速览
- ✓规模：约 200 篇专家审核指南，其中约 20% 可被
legacy-scan确定性扫描；1.0 起每篇指南都有评测，并公开评测看板（官方口径） - ✓扫描规则：在约 4.5 万个开源仓库上分半调参与留出测试，默认规则需达到静态匹配精度 ≥80%、复核后精度 ≥90%；本地 AST 解析，零 LLM 调用
- ✓案例：腾讯 WeTV 在 CI/CD 里接入后，Agent 自动解决 90% 的性能检查失败，处理时间从 4 小时降到 30 分钟（降 87%，厂商口径）
- ✓案例：note inc. 在生产代码库 180 次评测中，现代 Web 检查通过率从 61% 升到 94%，431 个合并 PR 里 LCP 图片优先级设置提升 28%
- ✓上手：
npx modern-web-guidance@latest install，旧版用update升级；在 Agent 中输入/modern-web-guidance Modernize the code in this directory触发现代化工作流
开发者 3 秒速决决策指标
把技术选型换算成你的开发预算
40 款主流编程套餐横向比价，支持输入/输出 Token 真实账单模拟
相关资源与官方项目出处
免代理直达深度技术解析与实战评估
核心背景与行业痛点
前沿编码模型能写出「能跑」的前端代码，但训练数据里大量是多年前的写法：弹窗、提示框、抽屉动辄引入重型库或上百行自定义 JavaScript，而浏览器早已原生支持 dialog、popover、滚动驱动动画等能力。Chrome 的评测发现，模型在键盘焦点管理、减弱动效、CSP、HTML 净化、Passkey 等方面经常出错，错误的 ARIA 甚至比不写更糟。
架构亮点与底层机制
MWG 以技能（skills）形式装进 Agent，按需检索指南，每篇指南内置 Baseline 与浏览器兼容数据，会按项目的兼容目标给出建议。1.0 新增的现代化工作流先在本地用 AST、DOM 和 CSS 解析器扫描代码，不消耗 token；每条命中附带保留或丢弃的判断规则，由 Agent 结合上下文过滤误报，再引导修改。项目从 Chrome 独家变为 Chrome、Firefox、Edge 共建。
权威 Benchmark 与实测跑分对比
官方为全部指南配了评测并公开看板，对比装与不装 MWG 的 Agent 表现。以下为厂商案例口径：note inc. 现代 Web 检查通过率 61% 升到 94%；腾讯 WeTV 自动解决 90% 性能检查失败，耗时降 87%；Pensionbazaar 新页面交付周期缩短 90% 以上。暂无独立第三方复现。
开发者实战落地与开箱指南
在项目目录运行 npx modern-web-guidance@latest install，CLI 方式支持自动更新，也可从各 Agent 的插件市场安装。存量项目可直接运行 legacy-scan，或让 Agent 执行现代化指令。官方建议搭配 Chrome DevTools for agents，用性能追踪和录屏验证改动，例如确保主线程长任务不超过 50 毫秒。
即刻查看该技术对应模型与主流工具的实测差异，或一键测算团队 API 调用与 $20/月套餐盈亏平衡点。
讨论与评论
0登录后即可参与深度讨论
与广大 AI 开发者、工程师交流评测心得与前沿洞察