
WebMCP
WebMCP是一个提议的Web标准,它使网站能够通过JavaScript函数将结构化工具直接公开给浏览器中的AI代理,从而实现与Web应用程序更高效、更可靠的AI交互。
https://webmcp.dev/?ref=producthunt&utm_source=aipure

产品信息
更新于:2026年02月28日
什么是 WebMCP
WebMCP(Web模型上下文协议)是一个开源JavaScript库和Web标准,目前由W3C Web机器学习社区组孵化,由Google和Microsoft的工程师共同开发。它通过提供一种标准化的方式,使Web开发人员能够将其站点的功能定义并公开为可由AI代理、浏览器助手和辅助技术直接访问的“工具”,而无需后端服务器实现,从而充当网站和AI代理之间的桥梁。
WebMCP 的主要功能
WebMCP(Web模型上下文协议)是一项拟议的W3C网络标准,它使网站能够通过navigator.modelContext API直接向浏览器内的AI代理公开结构化工具。它允许开发人员将网站功能定义为具有自然语言描述和结构化模式的JavaScript函数,从而无需屏幕抓取并提高AI-网络交互的效率和可靠性。
结构化工具注册: 允许开发人员将网站功能注册为具有清晰描述和JSON模式的工具,AI代理可以直接调用这些工具
浏览器原生集成: 完全在浏览器选项卡中运行,共享用户的会话和安全上下文,而无需单独的后端基础设施
声明式和命令式API: 提供基于HTML的声明式和基于JavaScript的命令式方法来实现AI可访问的工具
内置开发工具: 包括DevTools集成和模型上下文工具检查器,用于调试和测试工具实现
WebMCP 的使用场景
电子商务集成: 使AI代理能够通过结构化工具直接与购物车、产品搜索和结账流程进行交互
内容管理: 允许AI代理通过直接API调用而不是解析HTML来高效地访问和管理博客文章、文章和其他内容
表单自动化: 通过为AI代理提供对表单字段和验证规则的结构化访问来简化表单填写和数据提交过程
搜索增强: 通过允许AI代理使用结构化参数直接查询和过滤内容来提高搜索功能
优点
与传统的屏幕抓取方法相比,计算开销减少约67%
通过结构化交互将任务准确性提高到98%左右
无需后端基础设施更改,完全在浏览器中工作
为网站与AI代理交互提供标准化方式
缺点
目前仅限于启用实验性功能的Chrome浏览器
由于网站和代理之间的鸡和蛋问题,面临采用挑战
仍处于开发的早期阶段,存在潜在的API更改
需要额外的开发工作来实现和维护工具定义
如何使用 WebMCP
在Chrome中启用WebMCP: 转到chrome://flags,搜索“WebMCP for testing”,启用它,然后重新启动Chrome。这是必需的,因为WebMCP目前正在开发试验中。
包含WebMCP脚本: 通过在HTML中包含<script src='webmcp.js'></script>将WebMCP脚本添加到您的网页
初始化WebMCP: 使用自定义选项创建一个新的WebMCP实例,例如:const mcp = new WebMCP({ color: '#4CAF50', position: 'top-right', size: '40px', padding: '15px' });
注册工具: 通过调用带有名称、描述、输入模式和执行函数的mcp.registerTool()来注册AI代理可以使用的工具。工具应在加载脚本后立即注册。
注册提示: 使用带有名称、描述、参数和模板函数的mcp.registerPrompt()为LLM交互设置预定义的模板
注册资源: 使用带有名称、描述、URI配置和内容检索函数的mcp.registerResource()公开LLM上下文的数据和内容
连接MCP客户端: 启动您的MCP客户端(如Claude),并通过单击角落中的蓝色小部件并粘贴WebMCP令牌将其连接到您的网页
测试集成: 通过让您的AI代理与您网页上注册的工具、提示和资源进行交互来验证设置
WebMCP 常见问题
WebMCP是一个开源JavaScript库和Web标准,允许网站与模型上下文协议集成。它使Web应用程序能够将其功能公开为“工具”——具有自然语言描述和结构化模式的JavaScript函数,可以被AI代理和辅助技术调用。











