代理友好型网站
使用 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
将 Modern Web Guidance 与您喜爱的 AI 编码智能体搭配使用，即可在您偏好的工作流中获取 Web 最佳实践。
npx modern-web-guidance@latest install
使用编码智能体构建扩展程序
借助编码代理，使用 Modern Web Guidance 更快地构建扩展程序。
面向代理开发者的安全注意事项
代理开发者必须设计保护措施，防范来自不受信任内容的恶意文本。我们确定了一些与使用 WebMCP 的智能体相关的安全技术。
Chrome 中的 Gemini 闪亮登场
浏览器内置的 AI 助理。根据打开的标签页中的上下文，总结要点、解释概念并查找答案。
Gemini 可在各种 Google 应用中运行，帮助您高效处理日常事务。