🌐 网络 · 协议预览

CloudFlare 预览 WebMCP 功能:任何网站一键开启 AI 智能体「结构化交互」接口

8 月 12 日,CloudFlare 发布 WebMCP(Web 模型上下文协议)开发者预览功能。任何部署在 CloudFlare 上的网站,只需一个开关即可为 AI 智能体提供结构化工具接口,让智能体直接调用函数而非抓取 HTML,同时将用户流量与控制权完全保留在网站内部

综合公开信息整理 2026-08-12 全文约 3 分钟读完
#CloudFlare #WebMCP #AI Agent #协议标准
2 种 实现方式(API / 声明式)
2 个 初始工具包(内容溯源 + 站点代理)
0 行 网站无需修改代码

⚡ 30 秒速览

  • 核心能力:WebMCP 让 AI 智能体通过结构化工具调用取代 HTML 抓取,效率更高、稳定性更强,且不消耗令牌解析 DOM。
  • 实现路径:提供 document.modelContext API(注册工具、定义模式)和 声明式 JavaScript API(在 HTML 表单中添加注解)两种方式。
  • CloudFlare 集成:通过边缘网络注入 bridge.js,网站无需修改代码即可启用,工具包可动态扩展。
  • 初始工具包:内置 Content Credentials(读取 C2PA 内容来源元数据)和 Site MCP 服务器(代理现有 MCP 工具)两个工具包。
  • 当前限制:WebMCP 标准仍处预览阶段,仅 Chrome 145+ 支持,生产环境需谨慎评估。

01什么是 WebMCP?告别「抓取+猜测」,走向「结构化对话」

WebMCP 的核心理念并不复杂:让 AI 智能体通过标准协议直接调用网站提供的结构化工具,而不是像传统方案那样——先抓取 HTML,再解析 DOM,最后猜测用户意图。

一个直观的对比:

传统浏览器自动化

依赖 HTML 抓取和解析,消耗大量令牌,UI 结构稍有变化就会失效。本质上是「模拟人类点击」的笨办法。

WebMCP 方案

智能体直接调用 searchFlightsbookTicket 等显式函数,速度更快、稳定性更强,且不依赖 UI 布局。

但它的意义不止于技术效率。CloudFlare 在公告中特别强调了一个容易被忽视的要点:将人类流量和控制权保留在原网站上。这意味着网站所有者不会因为 AI 智能体的访问而失去对用户行为和数据的掌控。

2 种实现方式
2 个初始工具包
1 个桥接器 (bridge.js)
145+Chrome 支持版本

WebMCP 标准目前处于预览阶段,仅 Chromium 内核的 Chrome 145 及以上版本提供原生支持。

02CloudFlare 的实现:边缘注入,网站无感

CloudFlare 的 WebMCP 实现基于一个核心模块——bridge.js。通过 CloudFlare 边缘网络的 HTMLRewriter 能力,该脚本可以被无感注入到所服务的每一个网页中,且不会修改原始 HTML 文件的其他部分。

桥接器的工作流程清晰且优雅:

读取 data-packs 属性加载工具包注册工具代理执行

具体来说,桥接器通过 data-packs 属性获取页面所需的工具包列表,然后逐一调用 .registerTool 方法完成注册。工具包分为两种类型:静态工具包(如 Content Credentials)在启动时即声明其工具;动态工具包(如 Site MCP 服务器)则在启动时先发现可用工具,再进行注册。

对于每个工具,桥接器会注册一个 WebMCP 代理,其 execute() 方法通过同源站点回调,最终返回标准的 CallToolResult。这意味着整个交互链路都在网站自己的域内完成,数据不出圈。

CloudFlare 表示,当有新工具包发布时,网站不需要重新部署即可启用。工具包通过边缘配置动态加载,与网站代码完全解耦。

一个诚实的注脚:

WebMCP 标准本身仍处于预览阶段,API 设计和实现可能发生变化。目前仅在 Chrome 145+ 中可用,其他浏览器的支持仍需等待。CloudFlare 明确表示该功能「处于积极开发阶段」,尚未推荐用于生产环境。

03两个初始工具包,覆盖内容溯源与工具代理

CloudFlare 在预览版中提供了两个工具包,分别对应两种不同的使用场景:

🖼️ Content Credentials 工具包 静态 · 内容溯源

  • 允许 AI 智能体从页面上的图像中读取 C2PA 内容来源元数据,包括拍摄设备、编辑历史、是否由 AI 生成等信息。
  • 适用于新闻媒体、版权平台、电商网站等需要验证内容来源和真实性的场景。
  • 智能体无需跳转或下载,直接在页面内完成元数据解析。
价值:让 AI 智能体具备「内容验真」能力,可广泛应用于事实核查、版权检测和反伪造场景。

🔧 Site MCP 服务器工具包 动态 · 工具代理

  • 将网站已有的 MCP 服务器工具代理到浏览器内的智能体,实现现有投资的最大化复用。
  • 启动时自动发现已注册的 MCP 工具,无需手动配置。
  • 支持标准 MCP Tool 类型,执行结果通过 CallToolResult 统一格式返回。
价值:已部署 MCP 的网站可以零成本将能力扩展到浏览器端智能体,形成「服务器 + 浏览器」双通道覆盖。

两个工具包之外,CloudFlare 还预留了丰富的日常场景想象空间:

✈️

一句话完成旅行预订

「下周五从北京到东京,找一趟早上出发、转机不超过 2 小时的航班。」——智能体直接调用 searchFlightsbookTicket 函数,无需模拟点击、无需页面跳转。

🔍

自动验证图像来源

「这张新闻图片的原始拍摄时间和设备是什么?是否经过 AI 修改?」——智能体通过 Content Credentials 工具包直接读取 C2PA 元数据,返回完整的溯源链路。

📋

跨工具链任务编排

「把这份合同中的关键条款提取出来,和标准模板做对比,标注差异点。」——Site MCP 服务器工具包可以调用后端已有的文档处理工具,完成端到端的分析任务。

04为什么是 CloudFlare 做出来了?

答案藏在一个容易被忽略的细节里:HTMLRewriter

CloudFlare 的边缘网络每年处理数万亿次请求,其 HTMLRewriter 能力可以在响应流中实时注入脚本,而无需修改源站代码。这种「边缘注入」的能力,恰好是 WebMCP 落地最关键的一环——没有边缘能力,每个网站都需要手动部署 bridge.js,推广成本将指数级上升。

从架构逻辑看,CloudFlare 的 CDN 网络本身就是一张「全球分布式代理层」,天然适合承载协议升级和工具分发。WebMCP 的桥接器不是网站的功能插件,而是网络层的能力延伸

一个值得关注的信号:

CloudFlare 选择在边缘层做这件事,而非浏览器层。这意味着 WebMCP 的推广不依赖浏览器厂商的进度——只要 CloudFlare 在边缘注入桥接器,任何 Chrome 145+ 的浏览器都能获得能力。这种「边缘先行」的策略,可能比等待标准委员会更务实。

编辑核心判断

WebMCP 的真正价值不是「又一个协议标准」,而是 CloudFlare 用边缘网络为 AI 智能体与网页交互铺了一条「高速公路」。但这条路能否跑通,取决于标准成熟度、浏览器兼容性和网站所有者的采纳意愿——三座大山一座都不少。

现在就能体验

CloudFlare 用户登录控制台,进入「智能体就绪状态」→「实验室」,即可为你的域名开启 WebMCP 功能,并选择所需的工具包。

CloudFlare 控制台 → 开启 WebMCP

注意:当前仅 Chrome 145+ 支持,请勿在生产环境依赖此功能。