WebMCP:當谷歌試圖為 AI 代理建立新的網路標準
发布于 2026-02-14 17:08:54(微信公众号导出记录)。
本文来自公众号后台的“导出文章内容”功能。博客正文由导出长图进行本地 OCR 转写,并保留原始排版图用于逐段核对。
原文链接:查看原文
OCR 转写有效文字约 6990 字;代码、流程图和版式以文末原始排版图为准。
正文(本地 OCR 转写)
original wex7ce EI V1ajero 2826年2月14日 17:89 中国台海 蓄你到WebMCP这名字時,可智查想到Anthrop1c 開源開發的MCP(Model Context Protocol)。但答款品近推出的WebMCP,然名字相似,是一個完全不 同、專為激贤器時代打造的新标准。 resitt0D Q) WebMCPestadisponibleparalavista previa anticipada Andre Clpriani Bandara
enla fom enquelo agertes dc IAintectanonlos Ebjeo de WMCF esproornruna fmad deqe zsd mayor velociciad, confablidad y precision. Candd statetsi re.lcn elimira la ambiguedad y permite flujos de trabajo de agentes mis rapidos soidos.
AI代理的幕抓取困境 在深入WebNCP之前,先理解一個同题:當AI代理試图关期站交互時,曹發生什度? 傅統方法及其問題 传统上,無是早期的「幕抓取(screen-scrap1ng),退是现代利用CDP(Chrome DevTools Protocol)解析 DOM 栏與無屋疆棵箍(Accessibility Tree)的技術,AI 代理本質上都還是像一個必须看懂介面,的用户。它们透過辱找特定的HTML舒點、模凝滑 鼠贴、解發动想都本来完成任務。 這種高度依赖前端UI结横的式交互方式,存在装難以克服的致命同髓:
1.易錯性高(語意模糊)
即使代理能精举抓到HTML標籤,面到現代前端框架打包出的被辩代码,如果缺乏完美的 ar1a-label,代理仍常會判表单榴位的真實務用途。
2.效率低下(默同步難)
遇到助感渲染的元件(如點後才非同步载人的下拉還单或弹出視窗),代理需要反覆等待钢路 請求舆DOM更新,模凝多步人规操作才能完成一個能单任務。
3.困(結高耦合)
这是最大的痛點。站UI只要稍微改版(例如把單逝按纽改成下拉逛單,或多加了一步確湿 弹黑),原先依類特定DOM结属或操作路狸的代理就橙有可能直接卡死失效。 實際例子:预訂機票 個例子:當你AI代理聚你预訂票時,它可能需要:
-
在大的DOM中定位出聚地、目的地、日期等位
-
答试理解每個橘位自定的格式要求與融超通辑
-
模凝黏蓝虑理非同步弹出的日元件和下拉遥罩
-
提交後遗要解析真面整化来判疆是否出現结族訊息
這對AI代理来说,既不可靠又低效。奥其旗代理去「猜:介面,不如網站直接提供一份 「使用说明善。
WebMCP是什? WebMCP(Web Model Context Protocol)是谷散提出的一個频真棵,旨在溪钢站能萄 「主勤告:AI代理它提供哪些服務,以及如何使用道些服務。 简重来,WebMCP 做了三件事: AI代理 網站 發現機制 查詢可用工具
结構化定羲 WebMCP JSON Schema
状態同步 寶时可用功能
1.發現模制:代理可以查韵细站支持哪些工具
?.结机化定瓣:透遇JSONSchema 明確定输入输出
3.默同步:代理能钩實時了解常前真面提供了哪些可用功
遍是一個契的」——钢站明磷告诉代理“你可以用我做什磨;,而不是溪代理自已去猜。 WebMCP與MCP的關係
一個容易混渐的贴是:WebMCP和MCP是雨图不同的束西。
MCP(Hodel Context Protoc WebMCP(Web Model Context Protoc 维度 ol) ol) Anthropic Google/Chrome 图除 關發者 通行 服務端 器内(CLient-side) 境 部署方 需要部署專局服務器 直接在期页中使用 式 目棵用 服務端AI愿用 澜贺器内的AI代理 户 協定期 定频 服務端定(STDIO/HTTP) 绥夏 API ( JavaScript + HTML) 型 MCP镶你把工具露:给服端的AI康用,而WebMCP旗你把工具暴露给测質器内 的AI代理。它m的設計要感相似(都来自ModelContext Protocol的理念),但解决 的增景完全不同。
WebMCP的雨種API WebMCP 提供了雨程API,分别通愿不同的開髮場景:
1.命令式API(Imperative API)
適用於辨的動感交互,需要JavaScript執行。 1/姓形一留工具 Window.navigator.nocelContext.registerTool( ',opoippe,:aueu description: Add a new iten to the todo list, inputSchema: '1>afq:ad1 properties: ( text: { type:“string′} } execute:({ text }}=> [ {1xa1}$ opo1 papp, 1xa1 *1xa1. ad }] 1uaquo } na }} ; //姓所工具 window.navigator.nodelContext.unregisterTool(addTodo"); //清空所有工具 window.navigator.nodelContext.clearContext(); //批量投置工具 window.navigator.nodelContext.provideContext(< tools:[/工具原列/] 核心方法: registerTool()-注用草圆工具
-
unregisterTool(》-注崩单国工具
-
provideContext(》-批量設置工具(含覆之前的)
-
clearContext()-活空所有工具
2.宣告式 API(Declarative API)
通用於標的 HTML 表单,無需外 JavaScript 代碼。 sforn toolnane=ny_tool" tooldescription="A simple declarative tool action=/subnit"> clabcl for==text>text label</labclx s.axel,-aweu 1xat,-ad/1 1ndut? cselect nanc='sclect" requ1red toolparantitle=Passible Optiuns toolparandescription=*A nice description"> <option value=*0ption 1'>This 1s option 1</option> coption valuc=*option 3'>This is option 3</optionx </select> cbutton type=*subnit">5ubmit</button> </forn> HTML属性明: toulnane
- 工具名辆
toaldescriptian 工具描述 数标题(對感JsoN Schema 的 property key)
- toolparamtitle
参数描述
-
toolparandescription
-
toolautosubnit·自動提交(默韶需要用户手動贴墨提交)
测震器窖自勤将造些HTML元素轉换為AI代理可滋别的JSONSchema。 實際愿用場景 谷歌在文樓中列肇了因典型場票:
1.客户服務
原文:“Help users create detailed customer support tickets, by enabling agents to fill in all of the necessary technical details automatically ." 接AI代理用户自助填腐客诉工單,包括所有技術细第,减少人工满通成本。
2.電商
原文:"Users can better shop your products when agents can easily find what they're looking for, configure particular shopping options, and navigate checkout flows with precision." AI代理可以精璀地提索座品、配置逊项,亚潭確完成结流程。
3.旅游
原文:“Users could more easily get the exact flights they want, by allowing the agent to search, filter results, and handle bookings us1ng structured data to ensure accurate results every tine.* 代理可以使用结化数来搜索、筛逻亚预訂機震,随保每次结果单班。 预實版本详解 目前WebMCP虚於早期预实段,在Chrome中可用。 系統要求
-
Chrome 版本:146.0.7672.0或更高
-
需要敏 flag:chrome://flags/Nenable-webmcp-testing
ModelContextToolInspector展 谷歌提供了一個專展的Chrone展程序来助發者调試: 功能特黏:
1.列出册的工具:顯示所有已鞋册工具的名、摧述和始入schema
?.手勤敦行工具:跳遇AI代理的不值定性,直接用指定参数敦行
3.奥Genini API集成:使用自然語言测试工具跟用
Live Demo 谷歌提供了一细旅避索Demo:
- 地址:
https://googlechromelabsgithub.io/webncp-tools/demos/react-
flightsearch/
- 展示工具:searchFlights搜索航班
最佳實:如何設計好的工具 谷歌在文楼中分享了类困關於工具投計的最佳實: 原子可组合 信任代理流程控制 工具策赔 医分站行武教助 雅虚理限流 WebMCP 命名类義 工具股計 可靠性贝继换恢 正西清晰述 代国中暴格融量 Schema 般 接受期户能入号 明确频型最通辑
1.命名舆語羲
原则:區分「缺行奥敏助
-
X蒲:使用模相的勤网
-
V正確:使用精確描述行為的动词
-
更好:create-event (立即愈建)vs start-event-creation-process(會疏到
UI表單) 原则:正面、清晰的描述
-
X菜族:“不要用於天氧...」
-
正確:“此工具可以創建日度事件,安排在特定日期和特同.」
2.Schema設計與翰入處理
原则:接受原始用户输入
-
X结:镶代理計算“午夜始的分铺数
-
正础:直接接受“11:08"和“15:86”字符串
原则:明確的期型和業通辑
-
所有参数必须有特定频型(string、munber、enum)
-
解骤逐项的原因;,而不懂便是是什度;
3.可靠性舆錯恢復
原则:在代码中鹭,在schema中宽 //Schena中定我的束是辅助性的 input5chema: { type: "object*, properties: { age: { type: *nunber", mininun: }
//在execute 中造行景格融耀 execute: ({ age }) =>{ if (age <θ) { return { error: "Age must be non-negative* };
原则:侵雅地感理限流
-
工具愿允許合理的重被使用(如比较價格)
-
如果被限流,返回有意的錯误或建用户手勤接手
4.工具策略舆哲學
原则:原子的、可组合的
-
董免相似工具有组微差兴
-
将它們合供為單個工具,透退输入参数區分行為
-
每個工具鹰該是单個函数
原则:信任代理的流程控制
-
避免则性指令如不要在A之後调用B
-
管理全局任称流程不是工具的责任
限制與挑 谷歌也诚實地列出了目前WebMCP的限制:
1.需要测上下文
"There is no support for agents or assistive tools to call tools ‘headlessly,' meaning without visible browser UI." 工具调用需要在JavaScript中虚理,因此必须打灣景上下文(潮置器根签或 webview)。目前不支援「無颐:調用(没有可見UI)。
2.UI同步
關者必须確保UI更新以反映匯用的常前状照,無输状照更新来自人机交互遗是工具用。
3.複離性用銷
对於UI 非常擅翘的细站,開者可需要重横或添加JavaScript 来正處理唐用和 UI 状照,
4.工具可發現性
"There is no built-in mechanism for client applications to discover which sites provide callable tools without visiting or query1ng them dtrectly.* 没有内還概制客户端愿用發現哪些網站提供了可细用工具。提索引擎或目錄可能售在未来扮演 这角色。 與Chrome内建AI生的關係 WebMCP是Chrome 整體“Built-in AI:鞋略的重要一。以下看看谷在AI方面的怖 局: Chrome 内建AI API 現状 状態 用途 API Translator API Stable (Chrome 138+) 翻湿用户生成和動照内容 Language Detector Stable (Chrome 138+) 检测输入文本的语言 API Sunmarizer API Stable (Chrome 138+) 温缩長荒内容 创建符合特定寫作任的新内 Writer API 0r1g1n Tr1al 容 修改和重精文本 Rewriter API 0r1gin Tr1al Chrome Extension Origin 向 Gemini Nano 壁送自然 Prompt API 韶言精求 Trial Proofreader API Origin Trial 提供交互式校封 Early Preview (Flag req WebMCP 為AI代理提供结栅化工具 uired) 時間線 Chrome Burlt-in A 复展型辑
2024年5月:Chrome Built-inAI在GoogleI/0 2024 宣布
-
2024年7月:Summarizer API
-
2024年8月: Language Detection API
-
2024年8月:Writer 和 Rewriter API
-
2024年10月: Translation API
-
2025年4月:API入點炭更(徙self.ai.改爲self.x)
-
2025年5月:Google I/0 2025 宣布 Prompt API多模能力
-
2025年8月:Proofreader API
-
2026年2月:WebHCP Early Preview 宣布
為什現在是WebMCP? 时機很重要。谷歌選在2026年初推出WebMCP早期预質,反映了频因超势:
1.“代理網路:(AgenticWeb)正在到来
“As the agentic web evolves, we want to help websites play an active role in how AI agents interact with them." 答歌意描到,未来的细站不是“人取的:,也是“AI代理取與操作的」
2.徙「幕抓取到契約式交互]
與其溪AI代理盲目地與UI交互,不如读钢站主助暴霸能力。这是一個思维前式的轉
3.奥MCP生態形成互補
保防端 WebMCP MCP Prempt API Model Context Protocol 内A Protocol
完整A座用
目家健系
MCP(服端)+WebMCP(刹器端)+Prompt API(浏質器内 AI)=完整的 AI 鹰用
登错系。
考速结
https: //developer . chrome . com/blog/webncp-epp?hl=es -419
鲜细参考資料
https : //docs . google.com/document/d/1rtU1fRPSebMqd9abMG_hc6K90A
I6soUy3Kh88toAgyk/edit ?tab=t 0
封群組
https://discord .com/invite/zzj2ywFx8B
Welcome to Chrome's Early Preview Program for bult-in Al > 3
s xdlebrid,x [4]: Built-in Al Early.Preview Program Disoord Channe] , Not sure why you've been added to this mailing list, and wish to unsubscribe? Send a blank email to chrome-ai-dev-preview+unsubscribe@chromium.org Sorry about any inconvenience this may have caused.
原始排版图










