快速接入！MDN 发了官方 MCP 服务器，AI 查浏览器兼容性不再靠猜

大家好，我是 Immerse

专注分享 AI 玩法、独立开发与AI 出海的 AGI 实践者，更多干货欢迎关注公众号 #沉浸式AI 或访问 yaolifeng.com

MDN 昨天放出了官方 MCP 服务器，把整个 MDN 文档库和浏览器兼容性数据直接接进了 AI 工具。

以后可以在 IDE 或者 AI 聊天里面直接问浏览器 API 的兼容性，拿到的不会再是 LLM 训练时过时的信息，而是直接从 MDN 官方查的最新数据。

MCP 是一个开放标准，让 AI 工具能连接外部数据源。

MDN 这个实现把自己积累了多年的文档和兼容性数据库变成了一个 MCP server，所有兼容 MCP 的客户端都能用。

安装地址：https://developer.mozilla.org/en-US/mcp

目前支持的客户端分三类：

• 编辑器：VS Code、Zed、Cursor
• Agent CLI：Claude Code、Codex CLI、Antigravity CLI（原 Gemini CLI）
• 聊天应用：Claude Desktop

浏览器兼容性数据是最大亮点

LLM 的知识有截止日期，训练数据也不包含精确的跨浏览器版本支持表。

在 Web 开发时有个很烦人的问题：你想用个新特性，但不确定能不能在所有用户的浏览器上跑。MDN MCP 解决的就是这个。

Mozilla 团队用 Claude Code Opus 4.7 做了一组对比测试，分别带和不带 MDN MCP，测了四个在 Firefox 151 上推出新功能的情况。

差异很明显。

不带 MCP 时，Claude Code 认为 Web Serial API 在 Firefox 是 "not implemented（and not on the roadmap）"。但 Firefox 151 在 2026 年 5 月就支持了。带 MCP 后正确识别了这项支持。

不带 MCP 时，Claude Code 也说不清 light-dark() CSS 函数用在图片上的支持情况，只说 "support is less than uniform"。

带 MCP 后直接列出了完整的支持表：Firefox 150 和 Chrome（需 flag）。

在四个测试里面，不带 MCP 的 Claude Code 只做对了一个（:buffering 伪类）。

回答更充实，速度也翻倍

带 MCP 的回答不仅准确，也更完整。

同一个 light-dark() 函数，带 MCP 的回复还自动补充了 linear-gradient 的例子——MCP 拉到的文档包含完整信息，AI 不需要靠训练记忆来猜。

另外一个发现是响应速度：启用 MDN MCP 后，回复速度大约是未启用的两倍。不带 MCP 时，Claude Code 需要自己去抓 MDN 的 HTML 页面，解析内容，再基于解析结果回答，费时间还不一定准。MCP 直接拉结构化数据，省掉了中间步骤。

怎么开始用

配置方式取决于你的工具，MDN 官网有完整的安装说明。

以 Claude Code 为例，在项目 settings 里加上 MDN MCP 的配置就行。

有一点就是：目前服务器是实验性的。