ICYMI:Modern Web Guidance 现已稳定

发布时间:2026 年 11 月 13 日

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

博文、案例研究、社交媒体帖子和 Chrome 开发者工具“新变化”面板的拼贴图,宣布推出 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 的底层工作原理:

Chrome 智能体化 Web 开发的未来展望

将 Modern Web Guidance 与编码智能体配合使用,您就迈出了成功的第一步。但您还可以(也应该)更进一步。智能体需要一种方法来在真实浏览器中运行、检查和验证该代码。

一年多来,面向智能体的 Chrome 开发者工具为编码智能体提供了实时运行时可见性,并提供了一系列广泛的工具,从无障碍功能和性能检查到内存调试和动画录制,让您的智能体能够对这些方面进行微调。

在接下来的几周内,我们将庆祝面向智能体的 Chrome 开发者工具迎来下一个里程碑。从 Chrome 向智能体传递正确的上下文将变得更加容易。

欢迎试用 Modern Web Guidance 1.0,并告诉我们您的想法。Modern Web Guidance 和面向智能体的 Chrome 开发者工具都是在 GitHub 上公开构建的。如果您发现智能体仍然无法正确完成某项 Web 平台任务,或者对我们接下来应该解决的问题有任何想法,请提交问题告知我们。