返回工具库

学习资源

MDN Web Docs

由 Mozilla 维护的 Web 开发文档与学习资源

价格模式免费
中文支持支持中文
适用平台Web

资源介绍

MDN Web Docs 是 Mozilla 参与维护的开放 Web 技术文档,覆盖 HTML、CSS、JavaScript、Web API、HTTP、SVG、WebAssembly、可访问性、性能和安全。它同时提供从入门到进阶的教程,适合在“理解概念”和“核对具体 API”之间切换。

真实使用时,先用 Learn 模块建立基础,再在写代码时查参考页和浏览器兼容性表;遇到跨浏览器问题,结合示例、标准和实际测试确认,而不是只复制一段代码。技术团队还可以把 MDN 链接纳入代码评审和内部知识库。

MDN 完全免费,中文站点可直接使用,但翻译覆盖和更新可能落后于英文。它主要面向开放 Web 技术,不负责某个商业框架的完整运维;关键功能仍要锁定目标浏览器和版本后验证。

适合什么人

前端开发者、Web 学习者、技术写作者和需要核对浏览器兼容性的工程团队

真实使用场景

查阅 HTML、CSS、JavaScript 和 Web API 参考
按教程学习前端基础与可访问性、性能和安全实践
在实现功能前核对浏览器兼容性、标准和示例

价格说明

MDN Web Docs 和 Learn 学习内容免费使用,没有订阅门槛;学习和开发所需的编辑器、托管或第三方服务可能另有成本。

核心特点

HTML、CSS、JavaScript 参考
Web API 与浏览器兼容性
入门教程和开发者指南
可访问性、性能与安全资料
开放社区和内容协作

限制与注意事项

它是 Web 技术文档,不是后端框架或完整项目课程的替代品
参考页需要结合标准、浏览器测试和实际版本验证
部分新特性和深度资料更新节奏不同,不能只凭单页结论上线

常见问题

MDN 更适合学习还是查资料?

两者都适合:Learn 用于学习路径,参考页用于实现时核对 API 与兼容性。

MDN 免费吗?

官方文档和学习内容免费开放。

MDN 能替代框架文档吗?

不能。它聚焦开放 Web 标准,框架和后端服务仍应以各自官方文档为准。

相关链接

编辑:WhosBug团队 · 更新于

继续探索

从 MDN Web Docs 进入相关分类与场景

MDN Web Docs 的同类与配套工具

查看全部学习资源

免费的编程课程、练习项目与开发者社区

快速、安全且可定制的 Google 官方网页浏览器

代码托管、版本控制与开发协作平台

覆盖 Linux、云平台、容器与 SRE 的 DevOps 实战题库

AI Goat新收录

本地运行的 AI 安全训练场,用真实 MCP、RAG 和 Agent 攻击实验练习防御。

Agency Agents新收录

提供工程、设计、营销等专业 Agent 角色,并用桌面应用或脚本安装到现有 AI 工具。

MDN Web Docs 和谁纠结过

Meta 推出的个人 AI Agent,可连接应用并在后台持续处理已授权的任务。

REA新收录

通过本地 MCP 和命令行分析二进制、应用结构与运行行为,向编码 Agent 返回证据。

Anthropic 旗舰对话助手,Artifacts 视窗直出可分享应用,上下文达百万 token

OpenAI 通用助手,聊天、办公与编程三条产品线合于同一平台

杭州深度求索的开源大模型,网页版免费对话,API 按量计费

Gemini新收录

Google 的 AI 助手,模型、云盘容量和 Workspace 打包进同一份订阅