WebMCP:开启 Agentic Web 新时代——Chrome 新 API 的特性与前瞻
2026 年 2 月,Google Chrome 团队正式发布了 WebMCP(Web Model Context Protocol)的早期预览版。这是一个旨在重塑网页与 AI 代理(Agent)交互方式的新标准。它让网站不再只是'给人看'的静态页面,而是可以直接向 AI 代理暴露结构化工具,让 Agent 以更高效、更可靠的方式完成复杂任务。
过去,AI 代理操作网页主要依赖模拟人类行为:截屏、解析 DOM、点击按钮、填写表单。这种方式不仅慢、容易出错,还会消耗大量 token。随着 Agentic AI 的快速发展,这种低效交互已成为瓶颈。WebMCP 的出现,正是为了解决这个问题。它让网站主动声明'我能做什么',Agent 直接调用结构化工具,像调用 API 一样精准高效。
WebMCP 是什么?
WebMCP 是由 Google 和 Microsoft 联合推动、正在 W3C 社区孵化的网页标准。它在浏览器层面引入了 navigator.modelContext 接口,让网站可以向 AI 代理暴露可调用的工具(tools)。这些工具带有明确的名称、描述、输入输出 schema,Agent 可以直接发现并执行,而无需通过视觉或 DOM 模拟。
核心目标:
- 提升速度、可靠性和精确性
- 让网页成为 Agent 的'原生接口'
- 推动'Agentic Web'——网页主动参与 AI 代理工作流
两大核心 API:声明式与命令式
WebMCP 提供了两种互补的实现方式,满足从简单到复杂的不同场景。
Imperative API(命令式 API)
通过 JavaScript 动态注册,更灵活,适合复杂交互(如多步骤配置、实时计算)。示例:电商网站添加购物车工具
navigator.modelContext.registerTool({name:"add_to_cart",description:"将商品加入购物车",inputSchema:{type:"object",properties:{productId:{type:"string"},quantity:{type:"integer"}},required:["productId"]},execute:async(params)=>{// 实际业务逻辑awaitaddToCart(params.productId, params.quantity);return{success:true,cartCount:getCartCount()};}});
Agent 可以直接调用 add_to_cart,无需模拟点击、滚动、等待加载。
Declarative API(声明式 API)
最轻量的方式,直接在 HTML 标记中添加属性即可。适合已有表单的场景,几乎零额外成本。示例:一个航班搜索表单
<formtoolname=tooldescription=><inputname=placeholder=/><inputname=placeholder=/><inputname==/><buttontype=>搜索</button></form>

