MCP（Model Context Protocol）是面向后端、跨平台的通用开放协议，用来让 AI 智能体连接服务、数据库、本地文件等外部资源；WebMCP 是 W3C 社区组提出、浏览器原生的前端 API，借鉴 MCP 的 “Tool” 设计思路，但运行在网页 JS 环境里，绑定浏览器标签页生命周期，共享用户当前登录会话；二者不是替代关系，很多方案会搭配使用：MCP 承载后台稳定业务能力，WebMCP 负责在用户正在浏览的页面里完成表单提交、页面状态操作等上下文动作。
一、核心差异总览表
| 对比项 | MCP | WebMCP |
|---|---|---|
| 本质定位 | 后端跨平台协议（JSON-RPC 2.0） | 浏览器前端 JS API（提案标准） |
| 代码运行位置 | 独立服务端进程、本地 daemon | 当前网页的 JS Runtime |
| 生命周期 | 持久化，服务启动后一直可用 | 瞬时、绑定标签页，标签关闭即失效 |
| 通信传输 | stdio、HTTP/SSE | 浏览器内部 postMessage，不直接走 HTTP |
| 基础原语 | Tools + Resources + Prompts | 仅支持 Tools，没有 Resources、Prompts |
| 身份鉴权 | 独立密钥、OAuth，自有账号体系 | 复用浏览器当前登录 Cookie、Session |
| 工具发现方式 | 用户 / 客户端手动配置服务地址接入 | 访问网页时页面主动动态注册工具 |
| 调用主体 | 任意 MCP 客户端（桌面、云端、IDE） | 浏览器内智能体、WebView 内 Agent |
| 典型场景 | 查询数据库、读取本地文件、后台 API 任务 | 填写网页表单、页面交互、DOM 感知操作 |
二、分别拆解两个规范
MCP（Model Context Protocol）
MCP 是 Anthropic 主导推出的开放协议，定位 AI 智能体的 “通用外设接口”，把工具、资源、提示词封装成标准接口，LLM 客户端可以统一接入不同后端服务，不用为每个服务单独写对接代码。
- 可以本地部署（stdio），也可以远程部署（HTTP/SSE）；
- 独立身份体系，和浏览器会话解耦；
- 能力完整：除了工具调用，还支持资源读取、提示模板下发；
- 适合无人值守后台任务，跨设备、跨应用打通。
WebMCP（Web Model Context Protocol）
WebMCP 是 W3C Web Machine Learning 社区组的草案标准，Chrome 主推，属于浏览器内置能力，通过navigator.modelContext.registerTool()注册工具，也支持 HTML 表单声明式标注自动生成工具。
- 完全在前端沙箱运行，不能直接访问后端数据库、本地文件；
- 信任模型建立在用户当前页面会话之上，用户在场是前提；
- 设计目标不是通用后端集成，而是人在回路的网页内自动化；
- 规范明确排除无头浏览器、完全自主后台 Agent 场景。
三、选型思路：什么时候用哪个，以及怎么组合
- 优先选 MCP：需要稳定后台能力、跨应用共享、读取文件 / 数据库、长期定时任务、脱离浏览器运行；
- 优先选 WebMCP：用户正在打开网页，需要让 AI 帮填表单、操作页面控件、读取页面实时状态；
- 组合方案（推荐）：核心业务逻辑、数据查询封装成 MCP 服务；用户在前端页面里触发的交互动作，由 WebMCP 承接页面上下文，再调用 MCP 后端能力。
四、容易踩的认知误区
- ❌ WebMCP 不是 MCP 的前端封装、不是 MCP 的浏览器版本；二者是两套独立规范，只是工具描述结构相似；
- ❌ WebMCP 不能脱离浏览器标签页单独工作；
- ❌ WebMCP 没有 Resources，不能像 MCP 那样批量挂载外部文档、数据源；
- ❌ WebMCP 的权限等于当前网页的权限，受同源策略、CSP 限制，有天然安全隔离。
【相关 FAQ】
问题 1：WebMCP 与 MCP 的主要区别是什么？
回答 1：MCP 是后端通用协议，独立服务运行、持久可用、支持资源、提示词、工具三类能力，自有鉴权；WebMCP 是浏览器前端 API，在网页 JS 里运行、标签关闭就失效，仅支持工具，直接复用用户浏览器登录会话，面向页面内交互自动化。
问题 2：WebMCP 是不是 MCP 在网页端的实现？
回答 2：不是。WebMCP 只是借鉴了 MCP 的 Tool 设计思想，属于独立的 W3C 前端提案，协议、传输、能力集、信任模型都不一样，不能等价看作 MCP 的网页版。
问题 3：项目里 WebMCP 和 MCP 可以一起使用吗？
回答 3：可以配合使用。MCP 放后端数据和业务能力，WebMCP 负责承接用户正在浏览页面的上下文交互；浏览器 Agent 通过 WebMCP 操作页面，再由 WebMCP 侧调用 MCP 后端完成数据查询、持久化操作。
问题 4：WebMCP 只能在 Chrome 浏览器里使用吗？
回答 4：WebMCP 目前是 W3C 社区草案，现阶段主要由 Chrome 先行实验支持，需要开启实验 Flag；还没有成为所有浏览器统一落地的正式标准。
【参考资料】
[2026-03-11]（When to use WebMCP and MCP）Chrome for Developers
[2026-03-11]（何时使用 WebMCP 和 MCP）Chrome 开发者文档中文
[2026-06]（WebMCP 规范草案）W3C Web Machine Learning CG
[2026-05]（WebMCP Technical Notes）w3c-cg.github.io
[2026-03]（Model Context Protocol 官方规范）modelcontextprotocol.io
【免责声明】
本文基于 W3C 社区草案、Chrome 官方文档公开信息整理；WebMCP 尚处于提案阶段，API、能力范围后续版本仍可能调整；本文仅为技术科普解读，不构成项目技术选型建议。