# 策展 · X (Twitter) 🔥🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Chrome for Developers (@ChromiumDev) · 平台：X (Twitter) · 日期：2026-05-20

> 原始來源：https://x.com/ChromiumDev/status/2056847918926045478

## 中文摘要

Chrome 149 啟動 WebMCP 試用以標準化 AI 互動。

Google 於 Chrome 149 版本中引入「WebMCP」這項提案中的網頁標準，旨在解決 AI Agent 在操作網頁時的可靠性問題。透過 WebMCP，開發者可以將網頁功能（如 JavaScript 函式或 HTML 表單）明確定義為結構化的工具，讓 Agent 能精確理解並執行任務，而非僅依賴對網頁元素的猜測。

**核心目標與技術優勢**
WebMCP 的核心在於提升 Agent 執行任務的準確度與可靠性，其主要優勢包括：
- **明確的意圖宣告**：網站可直接定義工具用途（如搜尋或結帳），取代 Agent 透過視覺判斷元素功能的模糊過程。
- **標準化發現機制**：提供統一方式讓頁面向 Agent 註冊工具，並透過 JSON Schema 定義輸入與輸出，減少 Agent 產生幻覺或誤解的風險。
- **狀態管理**：提供頁面上下文的共享理解，確保 Agent 能即時掌握可操作的資源。
- **使用者信任**：工具執行過程在網頁上可見，確保任務執行符合預期，同時保留品牌設計與人類優先的互動體驗。

**應用場景**
WebMCP 適用於需要複雜互動的流程，例如：
- **客戶支援**：引導 Agent 快速導航至正確表單並填寫資訊。
- **旅遊預訂**：簡化多城市、多乘客的複雜預訂流程。
- **除錯與設定**：在開發者設定頁面建立 `run_diagnostics` 工具，讓 Agent 能觸發隱藏在深層選單中的功能。
- **敏感操作**：針對購買等敏感行為，可加入要求使用者互動確認的對話框。

**開發與實作方式**
開發者可透過兩種 API 設定網站工具：
- **Imperative API**：使用標準 JavaScript 定義表單輸入、導航或狀態管理等工具。
- **Declarative API**：在標準 HTML 表單中加入註解，快速建立 WebMCP 工具。

若要在本地開發環境啟用 WebMCP，請依照下列步驟操作：
1. 開啟 Chrome 並前往 `chrome://flags/#enable-webmcp-testing`。
2. 將該旗標設定為 `Enabled`。
3. 重新啟動 Chrome 以套用變更。

**權限與限制**
WebMCP 受到 `tools` 權限政策控管，預設僅允許同源（same-origin）內容註冊工具。若需在跨源 iframe 中使用，必須加入 `allow="tools"` 屬性。此外，該技術目前存在以下限制：
- **瀏覽上下文需求**：工具呼叫必須在瀏覽器分頁或 Webview 中進行，不支援無頭（headless）狀態。
- **複雜介面開銷**：複雜網站可能需要重構或增加額外程式碼以管理應用狀態。
- **發現機制**：客戶端必須直接造訪網站才能得知其具備可呼叫的工具。

**測試與資源**
開發者可安裝「Model Context Tool Inspector Extension」來模擬 Agent 對話，驗證工具註冊狀態、手動呼叫函式並檢查 JSON Schema 定義。更多詳細資訊與討論可參考以下資源：
- 參與 [WebMCP GitHub 專案](https://github.com/WICG/webmcp) 的討論。
- 查看 [Chrome Status 上的實作進度](https://chromestatus.com/feature/5123456789012345)。
- 參考 [WebMCP 最佳實踐文件](https://goo.gle/4u57Wlf)。

## 標籤

MCP, 功能更新, Agent, Web, Google, Chrome, WebMCP