Chrome 团队用真演示讲透 WebMCP：网站注册工具，让 Agent 告别截图点击
The agent-ready web: Simplify user actions with WebMCP — Tara Agyemang, Google · Tara Agyemang
全片 21 分钟·真正值得盯屏约 12 分钟·3 个必看点
- 0:15 – 3:20看
痛点：Agent 操作网页有多脆弱
AI Agent 正越来越多地代表用户操作网页，但现有方式是解析整个 DOM、读无障碍树、截图分析、测量坐标再点击，广告加载推移布局就会点错。
屏幕抓取式操作漫长、脆弱且极耗 token，这是 WebMCP 存在的理由
118s 起有完整的流程可视化，画面把“流程有多长”展示得比口述清楚得多▶ 跳到 0:15讲者 · Tara Agyemang - 3:20 – 7:16看
WebMCP 是什么与 Inspector 工具
介绍 WebMCP 提案：网站把自身能力注册为结构化工具供 Agent 直接调用；并展示 Chrome 侧边栏扩展 Model Context Tool Inspector，可列出页面注册的全部工具并直接调用。
先做好语义化 HTML 与无障碍等 Web 基础，网站就已完成 Agent-ready 的一半
300s 起展示 Inspector 扩展界面与 Maze Escape 演示页，是后续所有演示的操作台，值得看清长什么样▶ 跳到 3:20讲者 · Tara Agyemang - 7:16 – 10:00看
迷宫演示：工具调用实况
现场用一句“完成迷宫”驱动 Agent：它把自然语言映射为 move 等工具的方位参数，自主重复调用、拾取并使用道具直到走出迷宫。
Agent 能自己决定调用哪个工具、传什么参数、循环多少次——网站只需把工具定义好
这是纯现场演示段，Agent 逐步移动的画面是核心内容，只听音频会完全错过▶ 跳到 7:16讲者 · Tara Agyemang - 10:00 – 12:52听
WebMCP 与 MCP 的关系
阐明两者互补而非替代：MCP 面向服务端、需自建服务器、随时可访问；WebMCP 是 MCP 工具部分在浏览器内的实现，专用于客户端功能，必须有打开的浏览器窗口。
已有 MCP Server 不等于不需要 WebMCP——它们覆盖的是客户端与服务端两类场景
这段是概念对比的口头论述，无关键画面，通勤听音频即可▶ 跳到 10:00讲者 · Tara Agyemang - 12:52 – 14:18略
声明式 API：表单加属性即可
在标准 HTML 表单上添加工具名、描述等少量属性，浏览器自动以表单字段为参数生成 JSON schema，还有 agent-invoked 布尔属性区分表单由 Agent 还是人填写。
简单表单场景几乎零成本接入：加几个 HTML 属性，schema 由浏览器代劳
内容以代码幻灯片为主，快速扫过示例属性即可抓住要点，不必逐句看▶ 跳到 12:52讲者 · Tara Agyemang - 14:18 – 15:56略
命令式 API：registerTool 实践
通过 registerTool 手写 schema 与描述，服务复杂多步 UI 流程，是实践中用得最多的方式。要点：描述要详尽到能让 Agent 判断何时调用；execute 是普通 JS，可轻量包装既有函数；务必返回执行结果。
工具描述的质量直接决定 Agent 会不会、能不能正确调用你的工具
以代码幻灯片讲 API 用法为主，扫一眼代码结构、重点记三条实践原则即可▶ 跳到 14:18讲者 · Tara Agyemang - 15:56 – 18:20看
购票演示：跨页链式与人机协作
Agent 依次调用 search concerts、open concert page、purchase ticket 三个工具跨页面完成购票；工具随页面作用域动态注册，每步 UI 同步更新，真实付款留给用户手动完成。
每步工具调用都同步更新 UI、关键操作留给用户——这是人机混合浏览的两条设计底线
全片价值最高的现场演示，跨页跳转与票档选中状态的 UI 变化必须看画面才能理解▶ 跳到 15:56讲者 · Tara Agyemang - 18:20 – 21:13听
上手路径与早期预览提醒
给出试用路径：Chrome Canary 通过 URL flag 启用 WebMCP testing，装 Inspector 扩展调试；核心资源是早期预览博客与 GitHub 仓库（含多个演示源码与 eval CLI）。强调 API 高度实验性，团队正征集反馈。
现在就能在 Canary 里试，但 API 随时会变，别用于生产
收尾是资源清单与状态说明的口头交代，记下博客和 GitHub 仓库两个入口即可▶ 跳到 18:20讲者 · Tara Agyemang