MDN 是面向开发者的 Web 技术资源,由开发者打造,自 2005 年以来持续记录 CSS、HTML 和 JavaScript。网站内容围绕 Web 平台技术展开,既包含 HTML、CSS、JavaScript 等基础技术文档,也包含 Web API、CSS 指南、精选文章和博客内容。MDN 还通过其 MCP server 将文档与浏览器兼容性数据带入编辑器或 IDE,使 LLM 和 coding agent 可以访问 Web 平台信息。中文页面覆盖 Web API、CSS 等内容,首页同时提供搜索入口和中文导航。
核心功能
HTML、CSS 与 JavaScript 资料
MDN 持续记录 CSS、HTML 和 JavaScript,这三类内容构成其首页明确展示的核心技术范围。开发者可以从对应技术入口进入文档,查阅 Web 开发中使用的相关资料。官网标注这些内容自 2005 年以来持续记录。
Web API 文档
网站提供 Web API 相关内容,首页精选文章中展示了导航 API 和 Trusted Types API。导航 API 用于启动、拦截和管理浏览器导航操作,也可以检查应用程序的历史记录条目,并针对单页应用程序的需求改进早期 Web 平台特性。Trusted Types API 则用于确保输入在传递给可能执行该输入的 API 前,先经过用户指定的转换函数,常见转换方式是进行清理,以帮助防护客户端跨站脚本攻击。
CSS 指南与新特性说明
MDN 的 CSS 内容不仅包含技术分类,也包含具体使用指南。首页展示的 CSS anchor positioning 文章说明了如何把元素与锚点元素关联,并根据锚点元素的尺寸和位置设置元素的尺寸与位置。另一篇关于 view transitions 的入门文章介绍了如何将平滑的动画导航带入多页面应用,并指出使用一行 CSS 即可启用无缝过渡。
文章、博客与技术实践
网站设有精选文章和 Blog 内容,主题覆盖 MDN 的发展、Web 平台功能以及实际开发中的技术取舍。首页展示的图像格式文章讨论编解码器、指标和工具,以及质量、体积和速度之间的平衡;关于 CSS view transitions 的文章则面向入门者介绍多页面应用中的过渡效果。精选内容还包括 MDN 成立 20 周年的回顾文章。
浏览器兼容性数据与开发工具集成
MDN 的 MCP server 可以把 MDN 文档和浏览器兼容性数据直接带入编辑器或 IDE,为 LLM 或 coding agent 提供 Web 平台信息。官网新闻将这一能力描述为对准确、及时的 Web 平台信息的访问方式。除此之外,网站还展示 mdn/content 和 mdn/translated-content 仓库的近期贡献记录,包括内容修订、类型名称一致性修复以及中文页面更新。
使用方式
MDN 通过网站页面提供中文内容、技术分类、搜索入口、精选文章和博客。使用者可以从中文页面进入 HTML、CSS、JavaScript 与 Web API 相关资料,也可以阅读指南和最新消息。正文提到了 MCP server 可接入编辑器或 IDE,但没有说明是否需要注册、是否需要自备模型 Key,也没有说明文档导入导出方式。
适用人群与场景
Web 开发者可以使用 MDN 查阅 HTML、CSS、JavaScript 和 Web API 资料。开发单页应用的人员可以参考导航 API 对历史记录和浏览器导航的处理方式。需要了解 CSS 新特性的开发者可以阅读 anchor positioning 与 view transitions 指南。使用 LLM 或 coding agent 的开发者,则可以通过 MDN MCP server 在编辑器或 IDE 中访问文档和浏览器兼容性数据。