现代 Web 开发官方指南在哪看？Google Chrome 的 modern-web-guidance-src 值得收藏

GitHub 仓库

GoogleChrome/modern-web-guidance-src

总 Stars

★ 1,881

今日新增

+159

主要语言

TypeScript

查看 GitHub 项目

结论先说：这是 Google Chrome 团队 2026 年 1 月建的官方现代 Web 开发指南仓库，1,881 星，今日榜单新增 159 星，Apache-2.0 协议，2026 年 11 月 12 日当天还有提交。它不是代码库，是一套 Chrome 团队亲手写的最佳实践文档，覆盖性能、无障碍、隐私这些前端最容易踩坑的地方。

它是什么：Chrome 团队把内部的 Web 开发指导写成公开文档，内容按主题组织，每个主题讲清推荐做法和背后的原因，读起来像一份带立场的实战手册。

能干嘛：查某个场景该怎么做，比如图片懒加载、第三方脚本管理、隐私沙盒适配；也可以拿它当团队前端规范的参考底稿，照着它对齐写法。

适合谁：写前端的开发者、技术负责人，以及想系统补现代 Web 知识的人。刚接手老项目要做性能优化的，翻它比到处搜博客靠谱。

注意点：仓库很新，2026 年 1 月才建，内容还在扩充，别指望它像 MDN 那么全；它是英文文档，读起来要花点时间，遇到不熟的术语要结合 MDN 一起看。

这份指南和 MDN 有什么区别？

MDN 是 API 参考大全，查某个接口的用法去 MDN。modern-web-guidance-src 是 Chrome 团队的推荐做法清单，纠结某个场景该不该这么写，来看这份指南。两者定位不同，配合着用效果最好。

站长点评：我选它是因为来源够硬——Chrome 团队自己写的指导，比网上转来转去的二手经验靠谱。和 MDN 比，它更像一份官方建议清单，直接告诉你现在该怎么做。我的建议是先收藏，遇到具体问题再来翻，别当成书从头读到尾。