Chrome 开源的「Modern Web Guidance」非常实用!
因为 Coding Agent 的训练数据很可能是过时的,它会用自己编写一大段 TS 去实现一个浏览器新版本已经支持的新特性,虽然也糊出来了,但明显不是最佳实践,在维护迭代方面也都不是最好的。
Modern Web Guidance 这个现代 Web 指南,提供 203 条用例指南,覆盖 250 项现代 Web 特性,并按 CSS 与布局、HTML 与 DOM、JavaScript 与 API 分组。
主题包括对话框和弹出层动画、表单与自动填充、无障碍、性能(如 INP 和任务调度)、安全(HTML 清理、内容安全策略、通行密钥)、隐私、PWA,以及浏览器内置的端侧 AI API。
指南带有 Baseline 兼容数据,并按项目的浏览器支持目标给出降级方案;未单独配置时,文档写明默认按「广泛可用」处理。1.0 还加入对现有 HTML、CSS、JavaScript 和 package.json 的静态扫描,帮助发现可以稳妥替换的旧模式。
每条指南附有可在浏览器里检查的期望,并用带指南与不带指南的 Agent 做对照。Philip Walton 在 11 月 11 日的博文中写道:在他们的评测集上,未使用指南时平均大约通过 50% 检查,使用后约 90%。
显示更多