發布日期:2026 年 3 月 11 日,上次更新日期:2026 年 5 月 19 日
隨著 AI 代理程式在瀏覽器中越來越常見,我們聽到網頁開發人員提出這個問題: 「WebMCP 會取代 Model Context Protocol (MCP) 嗎?」 這個問題源自於誤解。 您不必在 MCP 和 WebMCP 之間做選擇,即可建立代理程式體驗。WebMCP 並非 MCP 的擴充功能或替代方案。
WebMCP 和 MCP 可滿足不同需求。WebMCP 會說明應用程式功能的用途,並為瀏覽器代理程式提供額外功能,以便與您的網站互動。
您可以將這些技術想像成不同類型的客戶服務:MCP 是服務中心,WebMCP 則是店內專家。一個很好的類比是公司客服電話
- MCP 隨時可在任何平台使用。並視需要提取資料及處理核心工作。
- WebMCP 僅適用於您的網站。網站通常是為人類設計的使用者介面,而非機器。WebMCP 可協助代理程式更瞭解 UI。
這兩項工具可協助代理代表真人使用者完成個人化工作。
功能和用途
這兩項技術的理念相同,都是要為應用程式提供標準化且可靠的方式,向 AI 代理公開工具。
實務上,這包括:
- 結構化工具探索:提供機器可讀的方式,讓代理程式詢問「你可以做些什麼?」,並取得可用工具、參數和用途的清楚清單。
- 可預測的執行作業:以明確的函式呼叫取代猜測。代理會呼叫已定義的工具。與模擬可能變更的點擊模式不同,這會產生可預測的結果。
- 明確意圖:明確宣告功能。如果沒有 WebMCP 和 MCP,代理會根據對 UI 的瞭解,猜測要採取的動作。有了 WebMCP 和 MCP,代理程式就能瞭解特定功能應如何運作,不必從 UI 元素推斷動作。
兩者的主要差異在於應用程式功能所在的位置。
MCP 適用於後端
Model Context Protocol (MCP) 是一項標準,可將 AI 代理 (無論是否以瀏覽器為基礎) 連接至外部系統,包括資料來源、工具和工作流程。這項通訊協定是通用協定,通常使用 JSON-RPC,並透過 Rust、Python 和 TypeScript 等語言專屬的 SDK 實作。
WebMCP 適用於前端
WebMCP 是建議的瀏覽器標準,包含兩個專門與瀏覽器內建代理互動的 API。您可以使用 JavaScript 或 HTML 屬性實作這些 API。瀏覽器是網站與代理之間的通訊工具。
請將 WebMCP 視為一組「MCP 啟發式」API,而非 MCP 的直接 JavaScript 實作。WebMCP 專為瀏覽器打造,並省略各種伺服器端概念,例如資源。
控管代理程式存取網站的方式
WebMCP 可讓您控管代理與網站的互動方式。這項做法有幾項主要優點:
- 速度和可靠性:由於 WebMCP 使用瀏覽器的內部系統,因此用戶端與工具之間的通訊幾乎是即時的。您不必等待往返遠端伺服器的行程。
- 持久耐用:WebMCP 工具會連線至應用程式邏輯,而非設計。 也就是說,您可以在重新設計網站時,不必擔心代理程式無法正確與網站互動。
- 掌控權在您手中:您可以清楚定義代理程式與網站互動的偏好方式,不必擔心代理程式找不到要點選的正確按鈕。您定義應用程式的邏輯時,要讓代理程式能夠理解,直接引導代理程式,而不是希望代理程式從 UI 推斷動作。
控管 UI 存取權
如要瞭解兩者差異,請思考「誰擁有 UI?」MCP 應用程式會在代理程式 UI 中算繪應用程式的 UI。您的介面必須符合這些限制,且需要新的獨立應用程式。
WebMCP 可協助服務專員即時與現有網站互動,這項擴充功能會存取即時工作階段資料、Cookie 和 DOM 元素,這些資料和元素只能在即時瀏覽器分頁中存取。應用程式不會成為代理程式中的訪客,而是代理程式會成為您平台上的訪客。
重要事項:WebMCP 工具是暫時性的。只有在網頁開啟時才會存在。使用者離開網站或關閉分頁後,代理人就無法存取網站或採取行動。
使用 WebMCP 和 MCP
為特定功能或函式選擇合適的解決方案時,請考量以下情境和可用性:
| MCP | WebMCP | |
|---|---|---|
| Purpose | 讓服務專員隨時隨地存取資料和執行動作。 | 當使用者造訪網站時,可讓網站即時與服務專員互動。 |
| 生命週期 | 永久 (伺服器和精靈) | 暫時 (與分頁綁定) |
| 連線能力 | 全球 (電腦、行動裝置、雲端、網路) | 環境專屬 (瀏覽器代理程式) |
| 使用者介面互動 | 無頭和外部 | 整合瀏覽器和 DOM 感知 |
| 探索 | 代理專屬註冊流程 | 使用者造訪網頁時註冊的工具。 |
| 用途 | 執行背景 API 動作。 | 在即時網頁 UI 上導覽及執行動作。 |
最有效的代理程式應用程式會同時使用 MCP 和 WebMCP,充分發揮這兩項技術的優勢。
- 使用 MCP 管理核心邏輯:MCP 伺服器會做為基礎服務層。負責處理核心商業邏輯、擷取資料和執行背景工作。確保服務與平台無關,且代理商隨時都能使用。
- 使用 WebMCP 建構情境式 UI:WebMCP 是最後一個步驟,可讓代理直接連線至您的網站。這項功能專為情境式瀏覽器內互動而設計,可讓服務專員在使用者開啟網站時,代表使用者快速且可靠地採取行動。
請將 MCP 和 WebMCP 視為合作夥伴,而非競爭對手。WebMCP 可讓瀏覽器型 AI 代理程式以高保真度的方式,與使用者在分頁中看到的特定世界互動。