InfoQ

CloudFlare Previews Automatic WebMCP Support for Web Pages

8.5内容质量
CloudFlare Previews Automatic WebMCP Support for Web Pages

TL;DR · AI 摘要

Cloudflare推出WebMCP预览功能，允许网站通过单个开关启用结构化AI交互接口，提升AI代理与网页的交互效率。

核心要点

  • WebMCP通过标准协议暴露结构化工具，减少对HTML解析的需求
  • Cloudflare预览功能支持2种预定义tool packs的快速集成
  • bridge.js模块通过HTMLRewriter实现无侵入式代码注入

结构提纲

按章节快速跳转。

  1. §引言

    Cloudflare推出WebMCP预览功能，允许网站通过单个开关启用AI交互接口。

  2. ·核心机制

    WebMCP通过标准协议暴露结构化工具，替代传统HTML解析和UI点击操作。

  3. ›实现方式

    开发者可通过document.modelContext API或声明式JavaScript API暴露工具。

  4. ·预览功能

    当前预览包含Content Credentials和Site MCP server两个tool packs。

  5. ›技术细节

    bridge.js模块通过HTMLRewriter实现无侵入式代码注入。

  6. ·未来展望

    Cloudflare计划扩展tool packs库并支持动态启用新功能。

思维导图

用一张图看清主题之间的关系。

查看大纲文本（无障碍 / 无 JS 友好）
  • WebMCP技术架构
    • 核心机制
      • 结构化工具暴露
      • 协议标准化
    • 实现方式
      • API注册
      • 声明式HTML注解
    • 预览功能
      • Content Credentials
      • Site MCP server

金句 / Highlights

值得收藏与分享的关键句。

#Cloudflare#WebMCP#AI代理#前端技术#浏览器自动化
打开原文

CloudFlare 预览网页自动 WebMCP 支持功能 - InfoQ

InfoQ 首页 News CloudFlare 预览网页自动 WebMCP 支持功能

Cloud

在线 InfoQ AI 安全与隐私工程认证（8月26日）：在受监管环境中部署 AI 的挑战？

CloudFlare 预览网页自动 WebMCP 支持功能

2026年8月10日 2分钟阅读

作者：

  • Sergio De Simone

#### 关注我们

Youtube

232K 粉丝

Linkedin

26K 粉丝

Instagram

新

RSS

19K 读者

X

57.1k 粉丝

Facebook

21K 点赞

Bluesky

收听本文 -

0:00

音频已准备就绪

您的浏览器不支持音频元素。

正常

1.25x

1.5x

喜欢

新下拉阅读列表

  • 阅读列表

Cloudflare 宣布推出开发者预览功能，通过仪表板中的一个开关，任何网站均可启用 WebMCP（Web Model Context Protocol）接口。这使基于浏览器的 AI 代理能够通过结构化工具与未修改的网页进行交互，而非依赖网页抓取或猜测，同时保持原始网站的人类流量和控制权。

WebMCP 的核心理念是通过标准协议，直接向 AI 代理暴露结构化的、可被机器读取的工具。这使它们能够直接调用明确的函数（如 searchFlights 或 bookTicket），而无需依赖抓取和解析 HTML（这会消耗令牌），或点击 UI 按钮来触发行为。与传统浏览器自动化相比，WebMCP 的交互速度更快、效率更高，且远为稳定，因为传统自动化在 UI 变化时经常失效。

要采用 WebMCP，网站必须通过以下两种方式之一将其功能作为工具暴露：使用 document.modelContext API，允许开发者注册工具、定义其模式并编写实现代码；或使用声明式 JavaScript API，通过向标准 HTML 表单添加注释来创建 WebMCP 工具。

Cloudflare 当前预览的目标是通过从预定义库中选择工具包，只需一个开关即可让任何 Cloudflare 网站支持 WebMCP。目前该预览包含两个工具包：Content Credentials（允许代理读取页面中图像的 C2PA 内容来源元数据），以及 Site MCP 服务器（可将网站的 MCP 服务器工具代理到浏览器内代理）。Cloudflare 表示工具包库将逐步扩展，当新工具包发布时，网站无需重新部署即可启用。

Cloudflare 的实现围绕一个 bridge.js 模块构建，该模块通过 HTMLRewriter 静默注入到服务的网页中：

code
<!-- Cloudflare 在边缘注入此代码。相同来源，且您的 HTML 否则保持不变。 -->
<script type="module"
        src="/.webmcp/bridge.js"
        data-packs="c2pa,mcp-server-client"
        data-mcp-url="/mcp"></script>

模块引用通过 data-packs 属性列出页面采用的工具包，以及任何附加参数（例如 Site MCP 服务器工具包的 data-mcp-url）。

从那里，bridge 会将 data-packs 中命名的工具包组合成一个工具列表，并通过 .registerTool 进行注册。一个工具包仅是一组 MCP 工具描述符及其处理程序。静态工具包（如 Content Credentials）会提前声明其工具。动态工具包（如 Site MCP 服务器包）会在注册任何内容之前，在启动时发现其工具。

现有在服务器上运行的MCP工具通过标准的MCP工具类型被发现，因此对于每个工具，桥接器都会注册一个WebMCP代理，其execute()方法会以相同来源调用站点。同样，桥接器会传递一个标准的CallToolResult来处理执行结果。

CloudFlare WebMCP预览版正处于高度开发阶段。WebMCP标准本身也是一个预览版，仅支持Chrome 145+版本。您可以通过进入Cloudflare仪表板的Agent Readiness > Labs部分，切换启用WebMCP功能，并选择所需的工具包来启用WebMCP。

作者信息主容器

关于作者

章节标题

每个作者信息主容器

#### Sergio De Simone

显示更多

显示更少

#### 本内容属于云技术主题

##### 相关主题：

  • 开发
  • 人工智能、机器学习与数据工程
  • 代理
  • Cloudflare
  • 大型语言模型
  • 云
  • WebMCP
  • 相关编辑内容
  • 相关赞助商 警报疲劳正在影响你：生产可靠性和AI采用现状
  • 相关赞助商 在完全配置且连接到实时AWS遥测的环境中探索NeuBird AI游乐场。尝试你的第一个查询！

InfoQ新闻通讯

每周二发送上周InfoQ内容摘要。加入超过25万名高级开发者的社区。查看示例

我们保护您的隐私。