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 則是店內專家。一個很好的類比是公司客服電話

  • 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,充分發揮這兩項技術的優勢。

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

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