WebMCP 是一项浏览器 API 规范,由来自 Google 与 Microsoft 的贡献者以 W3C 社区组草案形式发布(资料标注为 2026 年 2 月),目标是让 Web 应用把自身的 UI 功能暴露为 MCP 工具,供 AI 代理调用。数据流向是 Web 应用注册工具、AI 代理进行调用,这与网页抓取相反:由站点作者决定代理可调用哪些功能,代理调用的是页面注册的结构化工具,而非读取页面内容。
主要能力与生态:提供一套可安装的 npm 包,包括 @mcp-b/react-webmcp(以 React hooks 将组件暴露为 MCP 工具,资料标注 v1.1.1)、@mcp-b/webmcp-polyfill(面向任意框架的 WebMCP 核心 polyfill)、@mcp-b/webmcp-types(TypeScript 类型)、@mcp-b/transports(浏览器传输层,WebSocket 或 postMessage)、@mcp-b/webmcp-ts-sdk(为浏览器适配官方 MCP TypeScript SDK)、@mcp-b/create-webmcp-app(脚手架)。安装命令:npm install @mcp-b/react-webmcp;或 npm install @mcp-b/transports @modelcontextprotocol/sdk zod。
使用方式:Web 应用通过 window.navigator.modelContext.provideContext() 注册工具,工具含 name、description、inputSchema 与 execute 处理器,处理器在浏览器客户端 JavaScript 中运行并可访问页面状态。React 侧可使用 useTool 暴露组件。资料强调必须以 if ('modelContext' in window.navigator) 做特性检测,先定义 JSON Schema 再写处理器,在 Chrome 稳定版原生 API 发布前使用 @mcp-b/webmcp-polyfill 渐进增强。
适用场景:面向 AI 代理暴露 UI 操作的 Web 应用设计,例如仪表盘查询、表单流程提交,或让代理与用户共享同一浏览器界面的人机协作流程;也用于评估新功能采用 WebMCP 还是后端 MCP。限制:资料标注规范为 W3C 社区组草案,浏览器支持仅 Chrome 146 Canary 早期预览(需实验性 Web 平台特性标志),稳定版预计 2026 年中后期;不应使用 WebMCP 抓取或读取不受控站点的内容(应使用 WebFetch 或 Exa),不应与浏览器自动化工具混淆,依赖服务器端数据的工具应放在后端 MCP 服务器。
其他信息(如具体免费/收费、价格、完整平台清单)暂未提供。