WebMCP 和 MCP 的使用時機

Alexandra Klepper
Alexandra Klepper

發布日期:2026 年 3 月 11 日,上次更新日期:2026 年 5 月 19 日

隨著 AI 代理程式在瀏覽器中越來越常見,我們聽到網頁開發人員提出這個問題: 「WebMCP 會取代 Model Context Protocol (MCP) 嗎?」 這個問題源自於誤解。 您不必在 MCP 和 WebMCP 之間選擇,即可建立代理式體驗。WebMCP 並非 MCP 的擴充功能或替代方案。

WebMCP 和 MCP 可滿足不同需求。WebMCP 會說明應用程式功能的用途,並為瀏覽器代理程式提供額外功能,以便與您的網站互動。

以公司客服中心與店內專家為例,兩者之間的差異就是一個很好的類比。

  • MCP 隨時可在任何平台使用。並視需要提取資料及處理核心工作。
  • WebMCP 僅適用於您的網站。網站通常是為人類設計的使用者介面,而非機器。WebMCP 可協助服務專員更瞭解使用者介面。

兩者合一,可協助代理代表使用者完成個人化工作。

功能和用途

這兩項技術的理念相同,都是要建立標準化且可靠的方法,讓應用程式向 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?」MCP 應用程式會在代理程式 UI 中算繪應用程式的 UI。您的介面必須符合這些限制,且需要新的獨立應用程式。

WebMCP 可協助服務專員與現有網站即時互動。這項功能會存取即時工作階段資料、Cookie 和 DOM 元素,這些資料只會顯示在即時瀏覽器分頁中。應用程式不會成為代理程式內的訪客,而是代理程式會成為平台上的訪客。

重要事項:WebMCP 工具是暫時性的。只有在頁面開啟時才會存在。使用者離開網站或關閉分頁後,服務專員就無法存取網站或採取行動。

使用 WebMCP 和 MCP

為特定功能或函式選擇合適的解決方案時,請考量情境和可用性:

  MCP WebMCP
Purpose 讓服務專員隨時隨地存取資料和執行動作。 當使用者造訪網站時,讓即時網站準備好與服務專員即時互動。
生命週期 永久 (伺服器和 Daemon) 暫時性 (與分頁綁定)
連線能力 全球 (電腦、行動裝置、雲端、網站) 特定環境 (瀏覽器代理程式)
UI 互動 無頭和外部 整合瀏覽器和 DOM 感知
探索 代理專屬註冊流程 使用者造訪網頁時註冊的工具。
用途 執行背景 API 動作。 在即時網頁版 UI 中導覽及執行動作。

最有效的代理程式應用程式會同時使用 MCP 和 WebMCP,充分發揮這兩項技術的優勢。

  1. 使用 MCP 管理核心邏輯:MCP 伺服器會做為基礎服務層,負責處理核心商業邏輯、擷取資料和執行背景工作。這可確保服務與平台無關,且代理程式隨時都能使用。
  2. 使用 WebMCP 建構情境式 UI:WebMCP 是最後一個步驟,可讓代理直接連線至您的網站。這項功能專為瀏覽器內的情境式互動而設計,可讓代理程式在使用者開啟網站時,代表使用者快速可靠地執行動作。

請將 MCP 和 WebMCP 視為合作夥伴,而非競爭對手。WebMCP 可讓瀏覽器型 AI 代理程式以高保真度與使用者在分頁中看到的特定世界互動。