WebMCP 是提議的網路標準,可讓網站將功能公開為結構化工具,供 AI 代理程式叫用。程式設計代理可透過代理專用 Chrome 開發人員工具直接與這些工具互動,協助您分析網站並提供建議,讓網站符合 WebMCP 規定。
使用代理程式專用的開發人員工具,您可以驗證應用程式是否正確公開 WebMCP 工具、測試執行情況,並找出 AI 代理程式可從網站上額外公開的功能獲益的區域。您可以在網站上導入 WebMCP,方法是運用Modern Web Guidance中提供的代理技能。
使用 WebMCP 時,請注意下列事項:
- 實驗性標記:WebMCP 類別預設不會啟用。使用
--categoryExperimentalWebmcp旗標。如要進一步瞭解如何參與,請參閱 WebMCP 來源試用。 - 瀏覽器需求:這項功能需要啟用 WebMCP 功能的 Chrome 149 以上版本。這表示您測試的網站已註冊 WebMCP 來源試用,或您已在本機 Chrome 瀏覽器中手動啟用對應的 WebMCP 旗標。
- 目標對象區別:DevTools MCP 伺服器是針對開發人員的偵錯功能,而 WebMCP 工具可由任何使用瀏覽器代理程式與網站互動的人員呼叫。代理專用開發人員工具可協助您建構及測試這些面向使用者的 WebMCP 工具。
測試及偵錯 WebMCP 工具的用途
您可以使用 WebMCP 的方式有很多種。 每個網站都不一樣,因此每組 WebMCP 工具也各不相同。請按照我們的框架,定義及建構實用的工具,以供網站或網頁應用程式使用。
舉例來說,假設您有一個旅遊代理商網站,提供工具協助使用者代理人完成相關動作,您可以搭配代理人專用的開發人員工具使用下列範例提示,測試工具是否正常運作。
指示代理程式列出並執行 WebMCP 工具,簡化測試和開發作業。
注意:代理程式執行步驟是潛在行為的範例。由於代理程式類型眾多,且代理程式具有不確定性,因此您可能會看到不同的結果。
確認 WebMCP 工具曝光度
在網站中加入 WebMCP 支援後,您可以指派程式碼代理人,確認工具是否正確向瀏覽器公開,以及輸入結構定義是否完善。
提示詞範例:
Implement a 'book_flight' WebMCP tool to this page to help agents book flights. Verify that it's correctly registered and ready for AI agents to use.
代理執行範例:代理偵測到需要檢查公開工具,並自主叫用 list_webmcp_tools 工具。這項工具會剖析輸出內容、確認工具是否已成功註冊,並驗證結構定義是否格式正確。
偵錯 WebMCP 工具執行作業
確認 WebMCP 工具的內部邏輯在 AI 呼叫時,是否能根據特定輸入內容正常運作。您可以指示代理執行工具,並監控應用程式的回應。
提示詞範例:
Try using the 'add_to_cart' tool on this page to add product 12345. Let me know if it succeeds or if the application throws any errors.
代理執行範例:代理會辨識出測試特定動作的意圖。這項功能會自動判斷正確的輸入結構定義、使用 execute_webmcp_tool 運作執行,並監控應用程式的回應 (包括檢查控制台記錄),回報成功狀態或偵錯任何失敗情況。
排解結構定義清楚程度問題
如果 AI 代理程式無法正確呼叫 WebMCP 工具,通常是因為 JSON 結構定義不明確。你可以要求代理程式從 LLM 的角度審查結構定義,並提出改善建議。
提示詞範例:
My 'schedule_meeting' tool is failing to parse the various date formats sent by different AI agents. Can you review the tool's schema and suggest how I can improve the descriptions or constraints so agents know exactly which format is required?
代理程式執行範例:代理程式會擷取公開的 WebMCP 工具,並分析「schedule_meeting」的 inputSchema。代理程式會發現日期參數缺少清楚的說明或格式限制,並建議您在程式碼中實作修正後的 JSON 結構定義 (例如新增「Date in
YYYY-MM-DD format」這類說明)。