適合代理商的網站
使用 WebMCP 建構網站，讓 AI 代理更有效率地運作。
WebMCP 的運作方式
只要三個步驟，網站就能明確告知代理程式可執行的動作。
步驟 1
您的網站註冊工具
您的網站會宣告代理可執行的動作，做為 WebMCP 工具。每項工具都有名稱、說明和 JSON 結構定義。
// Imperative API document.modelContext.registerTool({ name: "bookSlot", title: "Book a consultation slot", description: "Reserve a 30-minute consultation.", inputSchema: { type: "object", properties: { date: { type: "string", format: "date" }, time: { type: "string" }, name: { type: "string" }, email: { type: "string", format: "email" } }, required: ["date", "time", "name", "email"] }, annotations: { readOnlyHint: false }, execute: async (input, client) => { return await api.book(input); } });
步驟 2
瀏覽器會公開這些資訊
瀏覽器會收集這些工具，並連同網頁的網址、標題和來源權限範圍，一併提供給使用者的 WebMCP 感知代理。
步驟 3
代理程式會快速採取可靠的行動
代理會查看合約、提供結構化引數，其餘工作則由程式碼完成。使用者會收到權限和確認通知。比啟動更快速可靠。
// the agent's view { "tool": "bookSlot", "arguments": { "date": "2026-07-31", "time": "14:00", "name": "Jerry Jones", "email": "jerry.jones@example.com" } }
針對代理最佳化網站
建立符合使用者需求和網站功能的安全工具。
使用 WebMCP 的時機
從使用者和代理的角度閱讀範例，瞭解哪些 WebMCP 工具可支援關鍵使用者歷程 (CUJ)。
規劃 WebMCP 策略
就像開發任何軟體應用程式一樣，第一步應該是規劃工具策略。
WebMCP 工具安全性
閱讀我們的早期指南，瞭解如何使用 WebMCP 建構工具，並確保安全性。
使用 AI 代理建構
現代網頁指南
Modern Web Guidance 可與您慣用的程式設計 AI 代理搭配運作，讓您在偏好的工作流程中，輕鬆取得網頁最佳做法。
npx modern-web-guidance@latest install
使用程式碼編寫代理建構擴充功能
使用 Modern Web Guidance，在程式碼代理程式的協助下，更快建構擴充功能。
代理程式開發人員的安全考量
代理程式開發人員必須設計防護機制，防範來自不受信任內容的惡意文字。我們找出一些與使用 WebMCP 的代理程式相關的安全性技術。
認識 Chrome 內建 Gemini
直接在瀏覽器中獲得 AI 輔助。針對開啟的分頁內容，取得重點摘要、釐清概念和尋找答案。
Gemini 可跨 Google 應用程式運作，協助你處理一天大小事。