何时使用 WebMCP 和 MCP

Alexandra Klepper
Alexandra Klepper
Kasper Kulikowski
Kasper Kulikowski

发布时间:2026 年 3 月 11 日,最后更新时间:2026 年 10 月 27 日

随着 AI 智能体在浏览器中越来越普及,我们经常听到 Web 开发者提出这样一个问题:“WebMCP 会取代 Model Context Protocol (MCP) 吗?”这个问题源于误解。您无需在 MCP 和 WebMCP 之间做出选择,即可创建智能体体验。WebMCP 不是 MCP 的扩展或替代。

WebMCP 和 MCP 满足不同的需求。WebMCP 可阐明应用功能的用途,并为浏览器代理提供与您的网站互动的其他功能。

不妨将这两种技术的区别比作公司的呼叫中心和店内专家:

  • MCP 是一个呼叫中心。您可以随时随地访问。它会根据需要访问数据并处理核心任务。
  • WebMCP 是一位店内专家。只有当用户在您的网页上时,此功能才可用。它可帮助代理直接使用您网站的功能,而无需弄清楚专为人类设计的界面。

这些组件共同帮助智能体代表人类用户完成个性化任务。

功能和用途

这两种技术都遵循相同的理念:为应用创建一种标准化且可靠的方式,以便向 AI 智能体公开其工具。

在实践中,这包括:

  • 结构化工具发现:它们为智能体提供了一种机器可读的方式,让智能体可以询问“你能做什么?”,并获得可用工具、其参数和用途的清晰列表。
  • 可预测的执行:它们用显式函数调用取代了猜测。智能体调用已定义的工具。模型通常会选择要调用的工具,而测试框架会执行该工具。在某些情况下(例如从错误中恢复),自动化测试框架可以直接调用工具。
  • 意图明确:它们会明确声明功能。如果没有 WebMCP 和 MCP,智能体只能根据对界面的理解来猜测要执行的操作。借助 WebMCP 和 MCP,智能体可以获得每项功能的明确说明,而无需从界面元素推断操作。

WebMCP 与 MCP 之间的主要区别在于应用功能的所在位置。

MCP 将智能体连接到您的服务

Model Context Protocol (MCP) 是一种标准,可将 AI 智能体(无论是否基于浏览器)与外部系统(包括数据源、工具和工作流)连接起来。该协议是通用的,基于 JSON-RPC 2.0(通过 stdio 或 HTTP 等传输协议运行)构建。它通过特定语言的 SDK(例如 Rust、Python 和 TypeScript)实现。

WebMCP 可将智能体连接到您的网页

WebMCP 是一项浏览器标准提案,允许网页向在浏览器中运行的智能体公开工具。您可以使用 JavaScript 或 HTML 属性来实现这些 API。浏览器充当网站与代理之间的通信器。

您可以将 WebMCP 视为一组“受 MCP 启发”的 API,而不是 MCP 的直接 JavaScript 实现。WebMCP 专为浏览器而设计,省略了各种服务器端概念,例如资源。

控制代理访问您网站的方式

借助 WebMCP,您可以为智能体提供完成特定任务的首选路径。 这样做有几个关键优势:

  • 速度和可靠性:由于 WebMCP 使用浏览器的内部系统,因此智能体无需额外的网络跃点即可调用工具。
  • 经久耐用:WebMCP 工具连接到应用逻辑,而不是设计。这意味着命令式工具与布局是分离的。您可以重新设计网站,而不会破坏代理与其正确互动的能力。
  • 一切尽在掌控:您可以明确定义代理与网站互动的首选方式,而不是寄希望于代理找到正确的按钮进行点击。您需要以智能体能够理解的方式定义应用逻辑,直接引导智能体,而不是希望它们从界面中推断操作。

控制界面访问权限

如需了解两者的区别,请考虑“谁拥有界面?”MCP 应用会在智能体界面中呈现应用的界面。您的接口必须符合这些限制,并且需要一个新的单独应用。

WebMCP 可帮助智能体与您现有的网站实时互动。工具在包含用户会话的页面中运行。您的应用不再是代理中的客体,而是代理成为您平台上的客体。

重要的是,WebMCP 工具是临时性的。它们仅在您的页面打开时存在。用户离开页面或关闭标签页后,页面的 WebMCP 工具将无法使用。

使用 WebMCP 和 MCP

在为特定功能或特性选择合适的解决方案时,请考虑上下文和可用性:

  MCP WebMCP
定义 一种将智能体连接到后端系统的协议 一个前端 JavaScript API,供网页向代理提供工具
工具所在位置 在服务器上 在网页中
谁可以调用工具 任意 MCP 客户端 任何有权访问所呈现网页的代理或客户端(浏览器、WebView 等)
代码运行位置 服务器 网页的 JavaScript 运行时
何时可用 始终,只要服务器处于运行状态 仅在页面打开时
使用谁的登录信息 其自己的凭证 用户的当前会话
界面 无,或在代理的应用内显示 您自己的网站,智能体在其中运行
智能模块 工具、资源、提示 仅限工具
工具发现 用户或应用添加了服务器 网页会在活跃会话中动态注册这些事件
最佳应用场景 后台任务和数据访问 情境化网页操作、客户端会话集成和网页自动化

应用可以同时使用这两种方法,从而获益:

  1. 使用 MCP 管理核心逻辑:MCP 服务器充当基础服务层。它负责处理核心业务逻辑、数据检索和后台任务。这样可确保您的服务不依赖于平台,并且始终可供代理使用。
  2. 使用 WebMCP 构建情境化界面:WebMCP 是最后一步,可将智能体直接连接到您的网站。它专为浏览器内的情境互动而设计,让代理能够在用户打开您的网站时,快速可靠地代表用户执行操作。

MCP 和 WebMCP 是合作伙伴,而非竞争对手。WebMCP 为基于浏览器的 AI 智能体提供了一种高保真方式,使其能够与用户在标签页中看到的特定世界进行交互。