MDN Web Docs（developer.mozilla.org）是 Mozilla 維護的 Web 平台技術文件庫與學習資源：它系統收錄 HTML、CSS、JavaScript、Web API、HTTP 等開放 Web 標準的參考條目與指南，絕大多數參考條目底部都附有一張跨瀏覽器相容性表格，這是它與一般教學網站最明顯的區別。查閱全部內容免費、無需註冊；文件本身開源託管在 GitHub 上，由 Mozilla、非營利組織 Open Web Docs，以及包含 Google、微軟工程師在內的全球社群共同維護。根據官方 About 頁（核查日期 2026-09-02），MDN 現有約 4.5 萬頁內容、每月瀏覽量約 4600 萬，並提供繁體中文與簡體中文在內的多語言介面。

MDN Web Docs 首頁：Resources for Developers, by Developers，標註 Documenting CSS, HTML, and JavaScript, since 2005

上圖是 MDN 首頁：頂部導覽按 HTML、CSS、JavaScript、Web APIs 等技術領域組織，Learn、Tools、Blog 為獨立板塊；首屏標語註明「Documenting CSS, HTML, and JavaScript, since 2005」，下方是精選文章與最新動態（截圖時隱藏了頁面廣告欄位，廣告情況見下文「局限」一節）。

站點速覽

  • 網址：https://developer.mozilla.org/
  • 類型：Web 平台技術文件庫與學習資源（開源協作維護）
  • 費用：文件與教學免費；可選付費訂閱 MDN Plus（見下文）
  • 註冊要求：查閱無需註冊；編輯內容透過 GitHub 倉庫提交 Pull Request；收藏、通知等個人化功能需 Mozilla 帳號
  • 介面語言：英語為原始語言；7 種活躍維護的人工翻譯語言，含繁體中文與簡體中文；德語、義大利語為機器翻譯試驗版本
  • 上線時間：2005 年
  • 營運方：Mozilla Corporation，與 Open Web Docs 及全球志願者社群共同維護

站點背景

MDN 於 2005 年以 Mozilla Developer Center（代號 DevMo）之名上線，是一個社群驅動的 wiki，初始內容來自 Netscape 開發者網站 DevEdge——AOL 將這批文件授權給 Mozilla 基金會使用。2010 年專案更名 Mozilla Developer Network（MDN）；2017 年前後改用現名 MDN Web Docs，同一時期微軟、Google 與三星相繼宣布關閉各自的 Web 文件專案，把文件統一到 MDN。（來源：MDN About 頁、英文維基百科 MDN Web Docs 條目）

2020 年 12 月 14 日，MDN 從自建 wiki 平台（Kuma）遷移到靜態化平台 Yari，全部文件改為 Markdown 存放在 GitHub 的 mdn/content 倉庫，編輯流程變成標準的 Pull Request 審核。2021 年 1 月，非營利組織 Open Web Docs 成立，依靠企業與個人捐款聘僱技術寫作者專職維護 MDN 內容，目前是 MDN 最主要的貢獻方之一。

此後 MDN 持續擴展形態：2022 年 3 月完成品牌改版並推出付費訂閱 MDN Plus；2023–2024 年陸續上線程式碼練習場 Playground、AI 助手 AI Help、HTTP Observatory 安全檢測、MDN Blog 與前端學習課程標準 MDN Curriculum；2025 年 8 月又推出了全新前端，以伺服器端渲染 HTML 加 Lit 元件取代 2020 年以來的 React 單頁應用，並優先採用達到 Baseline「廣泛可用」等級的 Web 特性。2025 年 7 月，官方部落格慶祝 MDN 上線 20 週年，當時全站已有近 1.4 萬頁英文文件、超過 3.3 萬篇本地化文章，以及涵蓋近 1.8 萬個特性的相容性資料。

內容體系與實用工具

MDN 的主體是參考文件：HTML 元素與屬性、CSS 屬性與規則、JavaScript 語言與標準函式庫、數百個 Web API、HTTP 標頭與方法等，條目通常包含語法說明、範例、規範連結與安全／可用性提示。條目頁面頂部會標註 Baseline 狀態（如「廣泛可用」），幫助讀者判斷特性能否放心用於正式環境。

MDN 中文文件 Array.prototype.map() 條目：Baseline 徽標、可執行的互動範例與目錄

上圖是簡體中文介面的 Array.prototype.map() 條目：綠色徽標標明該特性「基線 廣泛可用」並列出主要瀏覽器圖示，「嘗試一下」區塊內嵌可執行的互動範例，頂部提示說明該頁面由社群從英文翻譯而來——這也是 MDN 多語言內容的生產方式。

每個參考條目底部的瀏覽器相容性表格由獨立的 browser-compat-data（BCD） 專案驅動，涵蓋桌面與行動端主流瀏覽器及 Node.js、Deno 等執行環境；Can I use 等第三方工具也使用這份資料。

MDN 條目的瀏覽器相容性表格：各瀏覽器支援版本一覽

上圖即 map() 條目的相容性表格：橫向列出 Chrome、Edge、Firefox、Safari、各行動瀏覽器與執行環境，儲存格中的數字是開始支援的版本，可點擊展開更細粒度的子特性說明。

參考文件之外，MDN 還有一組配套板塊：

  • Learn web development 與 MDN Curriculum：面向初學者的結構化學習路徑。Curriculum 定義了前端開發者應掌握的技能清單，免費、自訂進度，Learn 板塊的核心教學即按此編排，並與 Scrimba 的付費互動課程銜接（Curriculum 頁面，2025 年 10 月最後更新）。
  • Playground：線上程式碼練習場，可撰寫並執行 HTML/CSS/JS，登入後可分享。
  • HTTP Observatory：2024 年起併入 MDN 的網站安全標頭檢測工具。
  • MDN Blog：2023 年 5 月開設，發布 Web 技術解讀、教學與 MDN 公告。
  • AI Help：基於 OpenAI GPT-4o / GPT-4o mini 的問答助手，回答會引用 MDN 頁面。

MDN Curriculum 頁面：前端開發者必備技能體系，免費、自訂進度

上圖是 MDN Curriculum 頁面：把前端技能分為入門、核心、擴展三組模組，Learn 板塊教學與 Scrimba 合作課程都建立在這套體系上。

帳號、訂閱與開放能力

查閱文件完全不需要帳號。註冊免費的 Mozilla 帳號後可以使用收藏集（Collections）、相容性變更訂閱（Updates）和 Playground 分享；在此基礎上，MDN Plus 是面向重度使用者的付費訂閱，截至 2026-09-02 的官網方案為：Core 免費檔（3 個收藏集、AI Help 每日 5 次提問）；MDN Plus 5 為 5 美元／月（無廣告、無限收藏與 AI Help）；MDN Supporter 10 為 10 美元／月（另含新功能搶先體驗），按年付費可減免兩個月。根據 MDN Plus 服務條款，付費服務僅在美國、加拿大、英國、德國、法國、義大利、西班牙、比利時、奧地利、瑞士、荷蘭、愛爾蘭、馬來西亞、紐西蘭和新加坡 15 個國家／地區提供（不含台灣、中國大陸與日本），且需要 Mozilla 帳號。

對開發者更有價值的是它的開放能力：

  • 開源倉庫：文件原始檔在 mdn/content（截至 2026-09-02 有 10,964 個 Star、23,230 個 Fork），翻譯在 mdn/translated-content，相容性資料在 mdn/browser-compat-data，平台程式碼（yari、fred）同樣公開，任何人都可以提 PR 修正文件。
  • 內容授權開放：文件以 CC BY-SA 發布、程式碼範例以 CC0 發布（詳見下節），可以被合法引用、翻譯和再加工。
  • MDN MCP server：2026 年 6 月推出的實驗性 MCP 服務，把文件與相容性資料直接接入 VS Code、Cursor、Claude Code 等 AI 工具，端點為 https://mcp.mdn.mozilla.net/。

版權與內容政策

MDN 的文件文字以 Creative Commons 姓名標示-相同方式分享 2.5 或更高版本（CC BY-SA 2.5+） 授權，重用時需署名「Mozilla Contributors」並附原文連結、以相同條款發布衍生內容；2010 年 8 月 20 日之後加入的程式碼範例以 CC0（公有領域）發布，之前的為 MIT 授權。Mozilla 的商標、Logo 與網站外觀設計不在 CC 授權範圍內。向 MDN 貢獻內容即同意按上述條款發布，官方明確不接受從其他來源直接抄襲的內容。

適用場景

  • 查 HTML 元素、CSS 屬性、JavaScript API 的準確語法、參數與規範出處
  • 評估某個 Web 特性在目標瀏覽器中的支援程度（相容性表格 + Baseline 徽標）
  • 零基礎系統學習前端：Learn web development 教學與 Curriculum 技能體系
  • 中文讀者以母語查閱文件（繁／簡中文內容由志願者維護）
  • 透過 CC 授權內容製作翻譯、教材或資料集；透過 MCP 把權威文件接入 AI 編程工具

局限

  • 頁面有廣告：未付費訪客會看到橫幅與側欄廣告（如首頁與條目頁的商業推廣欄位），無廣告是 MDN Plus 付費檔的功能。
  • 翻譯進度不均：非英語內容由志願者社群維護，更新可能落後於英文原文，部分冷門條目尚無翻譯；自 2020 年底平台遷移後，維護力量不足的語言已被歸檔下線。
  • Plus 有地區限制：付費訂閱僅在 15 個國家／地區提供，台灣與中國大陸不在其列。
  • AI 功能需謹慎：AI Help 的回答仍可能出錯；MDN 2023 年上線的 AI Explain 功能就曾因品質不符預期被官方回滾並公開復盤。
  • 不提供一對一支援：MDN 團隊明確表示無法回答程式除錯類問題，這類問題應前往 Stack Overflow 等社群。
  • 側重開放 Web 標準：框架（React、Vue 等）內容相對有限，框架的官方文件仍是首選。

同類參考

  • web.dev：Google 維護的 Web 開發者資源站，偏重效能、體驗最佳實踐與課程，與 MDN 的中立參考定位互補。
  • Can I use：專注特性支援度查詢的工具站，其資料即來自 MDN 的 browser-compat-data 專案。
  • W3Schools：商業營運的 Web 技術教學站，涵蓋面相近，但編輯模式與內容授權條款與 MDN 不同。

參考資料