发布时间:2026 年 11 月 13 日
如果您是本网站的常客,在 X、LinkedIn 或 Bluesky 上关注了 Chrome for Developers,或者本周在开发者工具中打开了新变化面板,那么您几乎肯定已经听说了这个消息。但对于所有埋头苦干的人来说:Modern Web Guidance 现已推出稳定的 1.0 版。

自 Google I/O 大会上发布早期预览版以来,我们进行了大量改进,并与 Firefox 和 Edge 合作,将 Modern Web Guidance 发展成为一个跨浏览器项目。本周,我们通过文章、案例研究、视频和文档,对这些功能进行了详细解读。
简述
前沿模型通常会默认采用传统的 Web 开发模式。例如,他们更喜欢使用 JavaScript 动画库,而不是 CSS 滚动驱动的动画,或者构建复杂的嵌套 div 怪物,而不是使用 appearance: base-select 来实现可自定义的下拉菜单。
Modern Web Guidance 会根据您的提示注入简明扼要、针对特定任务的指南,从而解决这一问题。以下是 1.0 版本带来的新功能:
- 更多专家审核的指南:涵盖性能、样式、无障碍、安全、隐私、表单等。每项技能都经过技术领域专家的审核和测试。您可以在指南目录中浏览这些技能。
- 默认跨浏览器:由 Mozilla Firefox、Microsoft Edge 和 Google Chrome 的开发团队协作开发。每份指南都通过基准兼容性数据和后备方案进行了增强。
- 公开评估套件:数千次评估运行,可在公开评估信息中心上查看,重点展示通过率的提升。
阅读 Modern Web Guidance 1.0 发布公告,了解它解决的 AI 知识断层的具体示例、Chrome DevTools for Agents 的端到端工作流,以及从 I/O 预览版更新的说明。
不只是听我们的一面之词
作为 Modern Web Guidance 的共同创建者,我们当然会有些偏见。让我们来看看合作伙伴在日常工作流程中测试了 Chrome 的全套 AI 编码工具后,有何感想:
- Policybazaar 和 Pensionbazaar:通过闭环构建和验证,将新页面周转时间和界面 bug 减少了 90% 以上,同时 Policybazaar 将大约 30 个着陆页的手动 Core Web Vitals 审核工作量减少了 92%。
- MetaMask:将 Modern Web Guidance 整合到三行建议 PR 审核机器人中,覆盖约 480 个拉取请求,推动了 43 项无障碍和语义 HTML 修复,中位周转时间为 15 分钟。
- WeTV:在 CI/CD 中添加了面向智能体的 Chrome 开发者工具和 Modern Web Guidance,可自动诊断并修复 90% 的周期性 CLS 回归问题,从而将调试时间缩短 87%。
- note inc.:将现代 Web 指南与其内部设计体系的规则相结合,将现代 Web 检查通过率从 61% 提升至 94%,并将 LCP 图片优先级正确设置率提高了 28%。
开始使用
虽然您可能会很幸运地让智能体安装 Modern Web Guidance,但您也可以放心地使用以下 npx 命令,按照分步流程设置项目和智能体。
npx modern-web-guidance@latest install
您还可以在 GitHub 上探索其他安装选项。
设置完成后,您可以深入探究新的应用场景以及 Modern Web Guidance 1.0 的底层工作原理:
- 现代化改造现有代码库:
npx modern-web-guidance@latest legacy-scan如何将快速本地语法检查与情境智能体审核相结合,在不造成干扰的情况下偿还技术债务。 - 超越代码生成:持续学习:了解如何将 Modern Web Guidance 用作互动式学习和探索工具,以便在使用 AI 智能体编写代码的同时,及时了解现代 HTML、CSS 和 Web API 功能。
- 默认跨浏览器:基准回退机制:指南如何使用实时 web-features 数据,将渐进增强、
@supports查询和 polyfill 与您的浏览器目标相匹配。 - AI 在 Web 开发中容易出错的 10 大问题:探索 10 个常见的无障碍、用户体验、性能和安全漏洞,即使是最新的前沿模型,也无法通过大约一半的现代 Web 检查。
- Local vector search for coding agents: From 507 MB to a 7-line loop:深入了解 Modern Web Guidance 如何在几毫秒内从其包含 200 多个指南的知识库中检索相关指南,而不会填满智能体的上下文窗口。
Chrome 智能体化 Web 开发的未来展望
将 Modern Web Guidance 与编码智能体配合使用,您就迈出了成功的第一步。但您还可以(也应该)更进一步。智能体需要一种方法来在真实浏览器中运行、检查和验证该代码。
一年多来,面向智能体的 Chrome 开发者工具为编码智能体提供了实时运行时可见性,并提供了一系列广泛的工具,从无障碍功能和性能检查到内存调试和动画录制,让您的智能体能够对这些方面进行微调。
在接下来的几周内,我们将庆祝面向智能体的 Chrome 开发者工具迎来下一个里程碑。从 Chrome 向智能体传递正确的上下文将变得更加容易。
欢迎试用 Modern Web Guidance 1.0,并告诉我们您的想法。Modern Web Guidance 和面向智能体的 Chrome 开发者工具都是在 GitHub 上公开构建的。如果您发现智能体仍然无法正确完成某项 Web 平台任务,或者对我们接下来应该解决的问题有任何想法,请提交问题告知我们。