一个开发者工具包，可让您的网站支持智能体

Kasper Kulikowski
Kasper Kulikowski
X GitHub LinkedIn
Michael Hablich

发布时间：2026 年 6 月 22 日

随着 AI 智能体从仅生成文本发展到可以在您的网站上浏览、互动和完成复杂任务，开发者需要专用工具来确保这些非人类用户获得优质体验。新的 Lighthouse Agentic 浏览类别与 Chrome 开发者工具的增强功能相结合，可提供确定性审核和测试框架，帮助您构建可供代理使用的网站。

向智能体化网络的转变涉及两个主要阶段：智能体搜索网络和智能体使用网络。

当代理只是搜索网站时，搜索引擎优化 (SEO) 原理仍然适用。 在这篇博文中，我们将重点介绍当智能体直接与网站互动时，开发者可以做些什么。

审核、改进和调试可用于智能体的网站

为了让 AI 代理能够可靠地完成您网站上的流程（例如预约或下单），它需要可预测的机器可读信号。以下工具可帮助您评估和提高准备就绪程度。

审核您的网站是否已做好代理化准备

Lighthouse 中的新智能体浏览类别从 M150 开始提供，可为开发者提供一组确定性审核，以评估其网站对智能体的友好程度，从而鼓励采用新的行业标准。

  • 审核检查的内容：审核重点关注对机器互动至关重要的三个关键领域：

    • 无障碍：无障碍功能首先是为人类设计的。智能体依赖于从 DOM 派生的无障碍树（用于辅助技术 [AT]），将其作为主要数据模型。Agentic Browsing 审核会验证无障碍功能审核中的一部分类别，这些类别对于机器互动至关重要。例如，这两项审核都会验证每个互动元素是否具有程序化名称。结构良好的无障碍功能树是 AI 智能体了解网页的主要方式。
    • 稳定性：使用 Cumulative Layout Shift (CLS) 衡量视觉稳定性，确保元素不会意外移动，从而防止客服人员误点。
    • WebMCP 集成：检查已注册的 WebMCP 工具的可用性、缺少声明性 WebMCP 的表单以及架构有效性。采用 WebMCP 可帮助智能体明确公开您网站的逻辑和表单，从而使互动可靠。

  • 得分：与其他 Lighthouse 类别不同，在发布时，Agentic Browsing 是信息性类别，不进行基准比较。重点在于提供可据以采取行动的信号（通过或失败状态以及警告），而不是提供明确的排名。

如需详细了解具体的评估检查以及您可以采取哪些措施来改进，请参阅 Lighthouse 的代理浏览评估文档。

使代理与网站之间的互动更快、更可靠

WebMCP 是一项拟议的标准，旨在将结构化工具公开给现有网站上的 AI 智能体，从而加快并简化智能体互动。如需详细了解实现，请参阅了解 WebMCP。

使用您偏好的编码代理实现最新功能

Modern Web Guidance 提供了一系列最佳实践和技能，可帮助开发者构建可供智能体使用的网站。它包含 webmcp 技能，可让您将 WebMCP 工具的实现委托给编码智能体。通过将 Modern Web Guidance 集成到开发工作流中，您可以确保从头开始构建的应用符合现代标准，并且对智能体友好。如需了解详情，请参阅现代 Web 指南文档。

使用面向代理商的 Chrome 开发者工具测试和调试网站

对于深度调试和迭代开发，适用于代理的 Chrome 开发者工具提供了一种独特的测试角色。借助此功能，您可以将自己的 AI 辅助 IDE 或编码代理转换为浏览代理，从而获得高度的控制权。

借助面向智能体的开发者工具，您可以：

  • 模拟代理互动：您可以模拟代理会采取的确切步骤，有效地“成为用户”（或代理），以重现失败并验证网站的流程是否具有确定性。
  • 直接调用 Lighthouse：测试环境可以直接在当前活跃标签页上调用 lighthouse_audit 工具。这样一来，您就可以根据网页的当前状态立即进行多类别健康检查，从而根据 Agentic Browsing 标准迭代验证修复。
  • 屏幕截图和调试：该工具提供详细的日志记录和屏幕截图功能，因此您可以确切了解代理如何感知网页并与之互动。这会公开一些机器可读的信号（例如无障碍功能树），可能会让代理感到困惑。

这有助于您在部署之前确保非人类用户获得优质体验。

如需详细了解 Chrome 开发者工具在代理方面的功能和配置，请参阅我们的 GitHub 代码库。

以下示例配置（~/.gemini/config/mcp_config.json 适用于 AntigravityCLI 或在 Antigravity 中配置）将 Chrome 开发者工具（面向智能体）连接到 Chrome Canary 版。

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "chrome-devtools-mcp@latest",
        "--autoConnect",
        "--categoryExperimentalWebmcp",
        "--channel=canary"
      ]
    }
  }
}

使用以下示例查询：“使用 Chrome 开发者工具 MCP，前往 https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/，为我制作一个包含 10 个蘑菇和 2 个甜椒的披萨；请务必向我提供您所做操作和调用的工具的摘要。”

您还可以使用面向代理的开发者工具执行代理就绪程度 Lighthouse 审核：

“我想使用 Chrome 开发者工具 MCP 对 https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname 进行代理式 Lighthouse 审核；请提供完整摘要。”

后续步骤

如需贡献代码并参与讨论，请参阅官方 Lighthouse 代码库。

如需详细了解 WebMCP，请参阅 WebMCP 文档。如需详细了解 Modern Web Guidance，请参阅 Modern Web Guidance 文档。如需详细了解如何针对生成式 AI 优化网站，请参阅针对 Google 搜索中的生成式 AI 功能优化网站。