此刻，当AI智能体使用您的网站时，您知道实际上发生了什么吗？
它截屏，分析像素，猜测"按钮应该在这附近"。布局稍有变化就会失败。业界称之为"视觉自动化"，但说实话，这更像是AI闭着眼睛在摸索您的网站。
Google在Google I/O 2026上彻底颠覆了这一结构。Chrome宣布了智能体时代的Web，三项发布重写了AI智能体与网站之间的关系。
AI智能体现在是怎么使用网站的？
大多数AI智能体在进行Web自动化时是这样工作的：下载整个DOM并解析，或者截图猜测坐标。一边猜"预订按钮应该是右下角那个蓝色的"，一边消耗着令牌。
问题在于这种方式是非确定性的。网站设计稍有改变就会失败，不同智能体处理相同任务的方式各不相同。而且大部分令牌都花在了猜测元素用途上。
Chrome颠覆了什么 — 用"声明"替代"猜测"
WebMCP（Web Model Context Protocol）是Google和Microsoft共同提案的开放Web标准。核心理念很简单：与其让智能体猜测按钮的用途，不如让网站直接声明出来。
以机票预订网站为例，以前智能体需要分析页面猜"出发地输入框在哪、日期选择器在哪"；而WebMCP方式下，网站直接这样声明：
WebMCP方式：智能体直接调用函数
book_flight({ origin: "ICN", destination: "JFK", date: "2026-08-01" }) — 网站声明此函数后，智能体无需查看屏幕，直接调用即可。
该标准于2025年9月被W3C网络机器学习社区组采纳为正式成果，Chrome 146 Canary（2026年2月）发布了首个浏览器实现，Chrome 149 Origin Trial让任何人都可以在真实网站上进行测试。
Expedia、Booking.com、Shopify、TurboTax和Target等已在进行实验。早期数据显示智能体任务完成速度比视觉方式快8-12倍，令牌使用量减少约90%。
有两种实现方式：
| 声明式API | 命令式API | |
|---|---|---|
| 方式 | 在HTML表单上添加data-mcp-tool属性 | 通过JS注册：document.modelContext.registerTool() |
| 适用场景 | 快速让现有表单支持智能体 | 需要自定义逻辑或复杂输入输出时 |
| 灵活性 | 基础水平 | 通过JSON Schema完全控制输入输出 |
注意：Chrome 150起API名称已更改
navigator.modelContext已废弃，请使用document.modelContext。
同时发布的另外两样东西 — DevTools与编码指南
Google I/O 2026不只发布了WebMCP，还推出了两个面向智能体时代的开发工具。
Chrome DevTools for Agents 1.0正式发布。AI编码智能体现在可以在真实浏览器中运行代码，同时直接访问控制台日志、网络流量和可访问性树。LY Corporation利用这一工具将手动性能分析工作的96-98%实现了自动化。现在可以通过Claude Code市场、Gemini CLI和Antigravity 2.0直接使用。
Modern Web Guidance是引导AI编码智能体遵循现代Web标准编写代码的蓝图。只需npx modern-web-guidance install一行安装，AI就能参考100多个经过验证的模式。与Baseline集成，自动考虑可访问性、性能和安全性。
范式的转变不是因为智能体改变了Web自动化的方式，而是因为Web开始主动为智能体声明自己。
现在就开始的方法
- 注册Chrome 149 Origin Trial
在Chrome 149及以上版本，前往Chrome Origin Trial注册页面注册您的域名。本地测试只需启用chrome://flags/#enable-webmcp-testing标志即可。 - 用声明式API标记现有表单
只需在现有HTML表单上添加data-mcp-tool="预订"这样的属性，智能体就能将其识别为工具。代码改动最少、上手最快。 - 用命令式API注册自定义工具
通过document.modelContext.registerTool()注册名称、描述（500字以内）、JSON Schema输入输出和执行回调。智能体读取这些信息后会精确调用。 - 务必做好安全配置
金融或破坏性操作必须设置requiresUserApproval: true。外部数据加untrustedContentHint，只读操作加readOnlyHint。跨域iframe访问只能通过allow="tools"授权。 - 用Chrome DevTools for Agents验证
从Claude Code市场安装Chrome DevTools插件，可以实时调试智能体是如何调用您的工具的。
