腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

WebMCP 是什么？一文读懂 Chrome 浏览器原生 AI 工具协议

当网页学会「自我介绍」：WebMCP让AI真正理解你的网站浏览器原生AI工具协议——WebModelContextProtocol（WebMCP）深度解读与实践一、AI为什么「看不懂」你的网页？ WebMCP要解决的，就是这个根本问题。二、什么是WebMCP？五、三个场景，感受WebMCP的独特能力为了直观展示WebMCP的潜力，我构建了一个多场景体验平台——WebMCPPlayground，包含6个独立场景、49+个WebMCP工具。七、WebMCP的未来：当每个网页都有一个"AI接口"WebMCP目前还是W3C的提案阶段，Chrome146+可以通过flag启用测试。有了WebMCP，每个已打开的网页都自动拥有了一套API。你的项目管理工具、设计工具、代码编辑器、数据分析平台，都在浏览器里通过WebMCP暴露着各自的能力。

2026-04-22

8791

标签:

AI 互动体验展

50行代码即可让网站支持MCP，让AI助手与Web应用进行交互：WebMCP

只需 50 行代码：WebMCP 全解析想让 AI 助手与您的 Web 应用（前端界面/web网站）实现无缝交互，不再依赖屏幕抓取或视觉解析？本篇博客将带你从原理到实战，深度剖析如何使用 WebMCP（又名 MCP-B）在几分钟内让站点 AI 化。猫头虎fork仓库：https://github.com/MaoTouHU/WebMCP 什么是 MCP？为什么要支持 MCP？ WebMCP 核心特性概览零配置：无需 API 密钥、OAuth，全靠浏览器原生安全模型轻量级：前端直接注册 MCP Server，50 行代码搞定高性能：不做 DOM 视觉解析，调用速度更快跨应用联动开发、贡献与路线图开发 git clone https://github.com/MaoTouHU/WebMCP.git cd WebMCP pnpm install pnpm dev 猫头虎

2025-07-21

2.9K0

标签:

WebMCP 让浏览器成为 Agent 的工具箱

而 WebMCP 只能操作"支持 WebMCP"的网站。 WebMCP 解决方案: <! 方式三:webmcp.dev(快速测试) 步骤: # 安装 npm install @jason.today/webmcp # 启动 WebSocket 服务 npx webmcp-server # 可能的路径: 2026 年:WebMCP 发布 ↓ 头部网站开始适配 ↓ AI Agent 优先使用支持 WebMCP 的网站 ↓ 2028 年:WebMCP 成为标配? 我的看法 WebMCP 是一个有前景但不成熟的技术。

2026-03-12

1.6K0

标签:

当网站开始为 Agent 提供接口，Web 的交互边界正在改变｜从 WebMCP 看网页如何从“界面”走向“能力入口”

WebMCP 的意义，不在于它今天已经多成熟，而在于它让一件事情变得非常具体： Web，正在为 Agent 重写交互接口。这也是 Chrome 官方强调 WebMCP 比 raw DOM actuation 更可靠、更高效的原因。三、WebMCP 重要，不是因为它已经成熟，而是因为它把“Agent Interface”显性化了 WebMCP 现在还在 early preview。 WebMCP 未必是最终答案。但它让这个方向第一次变得清晰：软件，正在开始为 Agent 提供接口。 : https://developer.chrome.com/blog/webmcp-mcp-usage

2026-05-18

1660

标签:

高德开放平台JS API插件支持WebMCP：重新定义AI与网页交互的新时代

为了应对这一挑战，WebMCP（Web模型上下文协议）应运而生，它提供了一种全新的解决方案，让AI能够更高效、更直接地与网页交互。 WebMCP是WebAPI的一个新提案，它提出了一种新的Javascript接口，允许Web开发人员将Web应用的功能以“tools”的形式公开，从而可以被AI agent、浏览器助手等调用。使用WebMCP的网页可以被视为MCP服务器，浏览器支持在客户端脚本中实现工具，降低了后端服务开发维护成本。在这样的背景下，高德开放平台JS API结合浏览器这一新特性，推出支持WebMCP的搜索插件，用户调用AMap.PlaceSearch即可拥有被AI调用的新能力。 WebMCP正在重新定义AI与网页交互的方式，它通过结构化数据交互和直接功能调用，极大提升了效率和稳定性。高德开放平台推出的搜索插件是一个典型的应用案例，展示了WebMCP在实际场景中的巨大潜力。

高德地图开放平台

2026-02-27

2560

标签:

用"龙虾"上线一场营销活动：为"人 + Agent"设计AI原生系统

→configureConditionPanel奖品配置配置礼包类型、奖品池、发放规则WebMCP:configurePackage分享设置配置分享渠道、文案、图片WebMCP:configureShare WebMCP是让前端成为AI生态一等公民的入口。 WebMCP（基于W3Cnavigator.modelContext提案）让前端应用能够将自己的能力以标准化工具协议的形式暴露给AIAgent：展开代码语言：TXTAI代码解释AIAgent通过WebMCP 4.6WebMCP工具全景前端WebMCP面临一个独特的挑战：LLM运行在Agent进程中，但画布运行在浏览器中，两者隔着进程边界。 __CTOOL_WEBMCP_TOOLS__全局对象。

2026-04-01

7820

标签:

OpenClaw(Clawdbot)

腾讯云架构师技术同盟

⏰前端周刊第 458 期v2026.3.24

AI 与浏览器协作方向上，WebMCP、VoidZero 的节奏、SVG Studio 这样的工具，也都在表明：现代前端不只是框架竞争，而是一整套平台、工具和开发体验的重组。 WebMCP turns any Chrome web page into an MCP server for AI agents：WebMCP 让网页与 AI Agent 的关系更进一步，浏览器页面开始能直接暴露

掘金安东尼

2026-06-12

380

标签:

50行代码即可让网站支持MCP，让AI助手与Web应用进行交互：WebMCP

WebMCP 简单实现这里的实现包括：使用 WebSocket 协议来与客户端进行实时通信。在服务器端，通过 AI 助手（例如使用一个简单的 API 调用或者集成 AI 服务）进行交互。 charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>WebMCP

2025-08-02

1.1K0

标签:

基于华为开发者空间云开发环境（容器）探索前端智能化

我们完成了基于华为开发者空间云开发环境（容器）探索前端智能化，后续待 OpenTiny 开源 WebAgent 实现，我们再分享基于 OpenTiny Next 的企业智能前端解决方案，我们相信以生成式 UI 和 WebMCP

2026-01-12

2510

标签:

智能体时代的技术跃迁与产业重构——2026年AI Agent全景洞察

更值得关注的是，2026年2月WebMCP已成为W3C标准提案，标志着Agent与万维网原生融合的开始。

2026-05-27

5691

标签: