跳到正文
meng shao· @shao__meng · X·· 21 小时前精选AI 评分74
AI 导读

Chrome 开源的 Modern Web Guidance 提供 203 条用例指南,覆盖 250 项现代 Web 特性,按 CSS 与布局、HTML 与 DOM、JavaScript 与 API 分组。

推荐理由

作者结合 Coding Agent 训练数据过时的问题,梳理了这套指南的覆盖范围与评测对照数据。

正文 · 原文

Chrome 开源的「Modern Web Guidance」非常实用!

因为 Coding Agent 的训练数据很可能是过时的,它会用自己编写一大段 TS 去实现一个浏览器新版本已经支持的新特性,虽然也糊出来了,但明显不是最佳实践,在维护迭代方面也都不是最好的。

Modern Web Guidance 这个现代 Web 指南,提供 203 条用例指南,覆盖 250 项现代 Web 特性,并按 CSS 与布局、HTML 与 DOM、JavaScript 与 API 分组。
https://github.com/GoogleChrome/modern-web-guidance-src

主题包括对话框和弹出层动画、表单与自动填充、无障碍、性能(如 INP 和任务调度)、安全(HTML 清理、内容安全策略、通行密钥)、隐私、PWA,以及浏览器内置的端侧 AI API。

指南带有 Baseline 兼容数据,并按项目的浏览器支持目标给出降级方案;未单独配置时,文档写明默认按「广泛可用」处理。1.0 还加入对现有 HTML、CSS、JavaScript 和 package.json 的静态扫描,帮助发现可以稳妥替换的旧模式。

每条指南附有可在浏览器里检查的期望,并用带指南与不带指南的 Agent 做对照。Philip Walton 在 11 月 11 日的博文中写道:在他们的评测集上,未使用指南时平均大约通过 50% 检查,使用后约 90%。

引用Chrome for Developers@ChromiumDev
48 hours after launching 1.0, Modern Web Guidance is the #1 trending repo on GitHub 📈 Thank you to the thousands of web developers, and our partners across Firefox, MDN, Edge, and community contributors, who are helping move AI coding agents onto modern, accessible, Baseline-supported web primitives. If you haven't tried 1.0 on your codebase yet: Install the agent skills: 'npx modern-web-guidance@latest install' Audit an existing codebase: 'npx modern-web-guidance@latest legacy-scan .' Check out the repo on Github → https://goo.gle/4zoi7Dv
在 X 查看被引用的帖子

来源:meng shao · x.com