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>
