Modern Web Guidance 1.0：Chrome、Edge、Firefox 与 MDN 教 AI 智能体编写现代 Web 代码

Google Chrome 团队于 2026 年 11 月 10 日宣布，Modern Web Guidance 正式发布稳定版 1.0。这是一套免费开源的技能包，旨在教 AI 编程智能体编写现代 Web 代码，遵循最佳实践、浏览器原生功能与跨浏览器兼容性数据。

该项目起源于 Chrome，并于 2026 年 5 月的 Google I/O 上首次亮相。在 1.0 版本中，它成为一个跨浏览器项目：Microsoft Edge、Mozilla Firefox 与 MDN 团队与 Chrome 及社区一起，参与支持、维护与贡献。根据官方公告，其目标是让任何使用智能体编程的人都能充分利用现代 Web 平台的能力。

Modern Web Guidance 试图解决的问题，凡是审阅过 AI 生成代码的人都很熟悉：模型从海量旧代码中学习，因此倾向于采用过时的方案——常常使用 JavaScript 来实现，而 HTML 或 CSS 的原生功能本可以做得更好，代码更少，无障碍性也更强。

1.0 版本的新内容

主要新功能是现代化工作流，它会分析现有代码库——HTML、CSS、JavaScript 与 package.json——并指出可以安全升级的机会，引导智能体完成修改。在首个版本中，分析采用静态方式，仅覆盖有限的模式；未来计划扩大覆盖范围，包括让智能体直接对代码进行推理的审计。

指南库也得到了扩充：根据项目文档，共有 203 份用例指南，涵盖 250 项 Web 平台功能。每份指南都经过深入的人工专家审核，包括各领域技术负责人的签字，以及针对面向用户的指南进行的专门无障碍审核。该项目还发布了一个公开的评估仪表盘，展示与未使用该指南的智能体相比可衡量的改进。

Google 实测的结果

在 Google 自己的测试中，使用 Modern Web Guidance 后，Claude Code 搭配 Opus 5.5 模型的 Web 代码检查通过率从 57% 提升至 88%。日本最大的创作者平台之一 note inc. 在其生产代码库上进行的 180 次运行评估中，通过率从 61% 提升至 94%。这些数字来自 Google 及其合作伙伴，应理解为相关方公布的结果，而非独立测试。

此外已有生产环境的应用案例：MetaMask 在其开源浏览器扩展的每一次拉取请求中，都将该指南用作自动审阅机器人——五周内，该机器人审阅了约 480 个拉取请求，促使工程师修复了 43 个问题，其中大多涉及无障碍性与 HTML 语义。腾讯旗下的流媒体平台 WeTV 将该指南与面向智能体的 Chrome DevTools 结合使用，称其可自动解决 90% 未通过的性能检查。

如何安装

要将 Modern Web Guidance 添加到项目中，只需在项目目录中运行：

npx modern-web-guidance@latest install

已使用早期版本的用户可通过 npx modern-web-guidance@latest update 进行更新。该包也可通过主流编程智能体的插件市场安装，包括 Claude Code、Codex、Cursor、Antigravity、Copilot、WebStorm、Kimi Code 与 Grok Build。代码采用 Apache 2.0 许可，指南采用 CC-BY 4.0 许可。

除了传授最佳实践，指南还包含 Baseline 兼容性数据——这一共享标签用于表示某项 Web 功能在各浏览器中的普及程度——使智能体能够根据项目所需的支持水平推荐最合适的功能，而不是假设所有功能在所有浏览器中都能使用。

图片来源：Google Chrome for Developers——Modern Web Guidance 1.0 官方公告图片，展示了受支持的编程智能体与 IDE 的标志。

来源

透明度声明：本文在人工智能的协助下完成，并交叉核对了 X 上的公开帖子与互联网来源。建议查阅原始来源以确认相关信息。

Muse