@MozDevNet：介绍MDN MCP服务器！将MDN的文档和浏览器兼容数据直接引入你的AI代理或IDE，以获得准确的……

MDN MCP 服务器正式发布！将 MDN 的文档和浏览器兼容性数据直接接入您的 AI 代理或 IDE，为 Web 平台相关问题提供准确、最新的答案。不再依赖训练数据中过时的猜测。了解更多 http://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/… — # 隆重推出 MDN MCP 服务器 | MDN 博客 来源：https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/

我们兴奋地宣布 MDN MCP 服务器（https://developer.mozilla.org/en-US/mcp）正式发布。MCP（Model Context Protocol，模型上下文协议）（https://modelcontextprotocol.io/docs/learn/server-concepts）是一种开放标准，使 AI 工具能够连接到外部数据源。MDN MCP 服务器利用该协议，将 MDN 的文档和浏览器兼容性数据直接带入您的 AI 代理或IDE（https://developer.mozilla.org/en-US/docs/Glossary/IDE）中。

为何构建 MDN MCP（https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/#why_we_built_the_mdn_mcp）

越来越多的 AI 工具正被集成到 Web 开发工作流程中，但它们可能基于训练数据和知识截止日期提供过时的 Web 平台信息。例如，LLM 或编码代理可能不知道类似 @view-transition 这样的 CSS at 规则（https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@view-transition）是否存在，或者它是否已达到“广泛可用”基线（https://developer.mozilla.org/en-US/docs/Glossary/Baseline/Compatibility#baseline_badges）并可在各浏览器中安全使用。MDN MCP 让您的编码代理能够访问准确、最新的 Web 平台信息，也让您无需离开偏好的工具就能轻松查阅最新文档。

该服务器目前处于实验阶段。详情请查看我们的隐私声明（https://developer.mozilla.org/en-US/mcp#privacy_and_data_retention）了解此阶段的数据处理方式。

如何使用 MDN MCP（https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/#how_to_use_the_mdn_mcp）

MDN MCP 服务器可与任何兼容 MCP 的客户端配合使用，包括：

• 编辑器：VS Code（https://code.visualstudio.com/docs/copilot/chat/mcp-servers）、Zed（https://zed.dev/docs/ai/mcp）以及 Cursor（https://docs.cursor.com/context/mcp）。
• 代理 CLI：Claude Code（https://docs.claude.com/en/docs/claude-code/mcp）、Codex CLI（https://developers.openai.com/codex/mcp）和 Antigravity CLI（https://antigravity.google/docs/mcp）（原名 Gemini CLI）。
• 聊天应用：Claude Desktop（https://support.claude.com/en/articles/11176164-use-connectors-to-extend-claude-s-capabilities）。

请参阅此列表中的链接，了解如何为每个工具设置 MCP。安装说明及其他详细信息，请查看我们的 MDN MCP 服务器（https://developer.mozilla.org/en-US/mcp）页面。作为快速示例，要将其与 Claude Code 配合使用，只需运行以下命令：

claude mcp add --transport http mdn https://mcp.mdn.mozilla.net/

我们期待看到您将其集成到 Web 开发工作流程中，以及您发现它最有用的场景。

MCP 带来了什么不同？（https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/#what_difference_does_the_mcp_make）

鉴于 LLM 的非确定性本质以及可用模型的多样性，比较它们在启用或禁用某些技能、提示、工具和 MCP 时的行为通常具有挑战性。我们测试了启用和不启用 MDN MCP 的 Claude Code Opus 4.7，针对 Firefox 151（https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/151）最近发布的一些功能，询问如何使用这些功能以及浏览器支持情况。具体问题包括：

1. 如何使用用于图像的 light-dark() CSS 函数？哪些浏览器支持？
2. 如何使用 :buffering CSS 伪类？哪些浏览器支持？
3. 如何在 <template> 上使用 shadowrootslotassignment 属性？哪些浏览器支持？
4. 如何使用 Web Serial API？哪些浏览器支持？

我们在结果中注意到某些模式。大多数情况下，启用和未启用 MDN MCP 的 Claude Code 在使用说明方面差别不大。但使用 MCP 的某些回答结构更好、更完整。例如，关于 light-dark() CSS 函数（https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/light-dark）的说明还包含了线性渐变的示例，问题中并未直接提及，但该函数也支持。

在浏览器支持信息方面，胜负显而易见：MDN MCP 产生了更好、更可靠的结果。未启用 MCP 的 Claude Code 仅在 :buffering（https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:buffering）伪类这一种情况下正确给出了浏览器支持信息。

例如，未启用 MCP 的 Claude Code 坚持认为声明式 shadowrootslotassignment（https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/template#shadowrootslotassignment）属性在 Chrome 120 和 Safari 18.3 中受支持，可能将其与 Element.attachShadow() 的 slotAssignment（https://developer.mozilla.org/en-US/docs/Web/API/Element/attachShadow#slotassignment）选项混淆了。但实际上，Firefox 151 是首个支持此属性的浏览器（https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/151#html）。未使用 MCP 时，Claude Code 也没有提供关于在 light-dark() 函数中使用图像的具体浏览器支持信息，只表示“支持不如颜色变体那么统一”，而使用 MCP 时，它提供了完整的表格，列出 Firefox 150 和 Chrome（在标志下）为受支持浏览器。

未启用 MCP 的 Claude Code 表现最差的是关于 Web Serial API 的问题。Firefox 151 于 2026 年 5 月提供了对 Web Serial API 的支持（https://hacks.mozilla.org/2026/05/web-serial-support-in-firefox/）。然而，未启用 MCP 的 Claude Code 虽然正确提到了基于 Chromium 的浏览器支持该功能，但仍坚持认为在 Firefox 中：

未实现（且不在路线图上——见 Mozilla 的标准立场：“有害”）

启用 MCP 后，Claude Code 正确识别出 Firefox 151 已提供对 Web Serial API 的支持，与发布说明（https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/151）一致。此外，我们注意到在测试中，使用 MDN MCP 的响应速度大约快了一倍。未使用 MCP 时，Claude Code 需要获取并解析大量 HTML 页面来查找当前信息，这花费了不少时间，即便如此仍未提供准确结果。

参与贡献（https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/#get_involved）

您的反馈有助于我们改进。如果您遇到问题、有意见或建议，或者想分享您如何使用 MDN MCP，我们很乐意倾听。欢迎在我们的 Discord 的 platform 频道（https://discord.com/channels/1009925603572600863/1170042997212184576）与我们交流。如果发现任何问题，请在 mdn/mcp GitHub 仓库（https://github.com/mdn/mcp/issues）中提交。

未来计划（https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/#whats_next）

随着 AI 工具在 Web 开发工作流程中扮演越来越重要的角色，我们致力于让 MDN 的文档在您需要的地方可用。本次发布是实现该目标的一步，我们期待在您的参与下继续改进体验。