跳到正文
Chrome Developers · AI 与浏览器·· 2026-06-22精选AI 评分68

Chrome 推出开发者工具包,助网站适配 AI Agent 访问

A developer toolkit to make your website agent-ready

AI 导读

Chrome 发布面向开发者的 agent-ready 工具包,Lighthouse 自 M150 起新增 Agentic browsing 审计类别,检查可访问性树、CLS 视觉稳定性和 WebMCP 集成三项指标。

推荐理由

原文给出 Lighthouse 新增 Agentic browsing 审计的具体检查项和 Chrome DevTools 调试方法,开发者可直接对照改进网站对智能体的友好度。

正文 · AI 翻译

让您的网站为智能体做好准备的开发者工具包

发布时间:2026 年 6 月 22 日

随着 AI 智能体从仅生成文本演进为在您的网站上浏览、交互并完成复杂任务,开发者需要专门的工具来确保这些非人类用户获得高质量的体验。全新的 Lighthouse Agentic browsing 类别,加上 Chrome DevTools 的增强功能,提供了确定性审计和一个测试框架,帮助您构建面向智能体的网站。

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

当智能体只是搜索网站时,搜索引擎优化(SEO)的原则仍然适用。在本篇博文中,我们关注的是当智能体直接与网站交互时,开发者可以做的工作。

审计、改进并调试您的面向智能体的网站

为了让 AI 智能体可靠地完成您网站上的流程,例如预约或下单,它需要可预测的、机器可读的信号。以下工具可帮助您评估并提升这种就绪度。

审计您网站的智能体就绪度

Lighthouse 中全新的 Agentic browsing 类别从 M150 版本起可用,为开发者提供了一组确定性审计,用于评估其网站对智能体的友好程度,并鼓励采用新的行业标准。

  • 审计检查的内容:这些审计聚焦于三个对机器交互至关重要的关键领域:

    • 无障碍性:无障碍性首先是为人类服务的。智能体依赖从 DOM 派生的辅助功能树(assistive technology,AT 的数据基础)accessibility tree作为其主要数据模型。Agentic Browsing 审计会验证Accessibility audit中对机器交互至关重要的部分类别。例如,两项审计都会验证每个交互式元素是否具有程序化名称。结构良好的无障碍树是 AI 智能体理解您页面的主要方式。
    • 稳定性:使用累积布局偏移(CLS)来衡量视觉稳定性,确保元素不会意外移动,防止智能体误点击。
    • WebMCP 集成:检查已注册的 WebMCP 工具是否可用、是否存在缺少声明式 WebMCP 的表单,以及模式的有效性。采用 WebMCP 有助于让智能体明确地获取您网站逻辑和表单,使交互更加可靠。
  • 得分:与其他 Lighthouse 类别不同,在发布时,Agentic Browsing 是仅供参考且无基准评分的。其重点在于提供可操作的信号(通过或失败状态以及警告),而非确定性的排名。

要了解有关具体审计检查以及您可以如何改进的更多信息,请参阅 Agent browsing audits for Lighthouse 文档。

让智能体与网站之间的交互更快、更可靠

WebMCP 是一项拟议的标准,旨在向 AI 智能体公开现有网站上的结构化工具,加速并简化智能体交互。有关实现的更多信息,请参阅 Read about WebMCP。

使用您偏好的编码智能体实现最新功能

Modern Web Guidance 提供了一系列最佳实践和技能,帮助开发者构建面向 agent 的网站。它包含 webmcp 技能,让你可以把 WebMCP 工具的实现工作委派给你的编码 agent。通过将 Modern Web Guidance 集成到你的开发工作流中,你可以确保应用从零开始就遵循现代的、对 agent 友好的标准。要了解更多,请参阅 Modern Web Guidance 文档。

使用面向 agent 的 Chrome DevTools 测试和调试你的网站

对于深度调试和迭代开发,Chrome DevTools for Agents 提供了一个独特的测试角色。它让你可以将自己的 AI 辅助 IDE 或编码 agent 转变为浏览 agent,给予你高度的控制力。

借助 DevTools for agents,你可以:

  • 模拟 agent 交互:你可以模拟 agent 会采取的确切步骤,有效地"成为用户"(或 agent),以复现故障并验证你网站的流程是确定性的。
  • 直接调用 Lighthouse:你的测试环境可以在当前活跃的标签页上直接调用 lighthouse_audit 工具。这会基于页面当前状态提供即时、多类别的健康检查,让你可以对照 Agentic Browsing 标准迭代地验证修复效果。
  • 屏幕录制与调试:该工具提供详细的日志记录和屏幕录制功能,因此你可以确切地看到 agent 是如何感知页面并与页面交互的。这会暴露一些可能令 agent 困惑的机器可读信号,例如无障碍树。

这有助于你在部署之前确保为非人类用户提供高质量的体验。

要了解更多关于 Chrome DevTools for Agents 的功能和配置,请参阅我们的 GitHub 仓库。

以下 Chrome DevTools for Agents 的示例配置(~/.gemini/config/mcp_config.json 用于 AntigravityCLI 或在 Antigravity 中配置)连接到 Chrome Canary。

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

使用以下示例查询: "Using Chrome DevTools MCP, go to https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ and create me a pizza with 10 mushrooms and 2 bell peppers; make sure to give me a summary of what you did and what tools you called."

你还可以使用 DevTools for Agents 执行面向 agent 就绪性的 Lighthouse 审计:

"I want to do an agentic lighthouse audit on https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname using Chrome DevTools MCP; give me a full summary."

后续步骤

要参与贡献并加入讨论,请参阅 Lighthouse 官方仓库。

要了解更多关于 WebMCP 的信息,请参阅 WebMCP 文档。要了解更多关于 Modern Web Guidance 的信息,请参阅 Modern Web Guidance 文档。要了解更多关于为生成式 AI 优化你网站的信息,请参阅 为 Google 搜索的生成式 AI 功能优化你的网站。

除非另有说明,本页面的内容采用 Creative Commons Attribution 4.0 License 授权,代码示例采用 Apache 2.0 License 授权。详情请参阅 Google Developers Site Policies。Java 是 Oracle 和/或其关联公司的注册商标。

最后更新时间:2026-06-22 UTC。

正文基于 Google 在 Chrome Developers 发布并共享的内容;代码示例适用 Apache 2.0 许可。 原文 · CC BY 4.0。中文正文由 AI 翻译,请结合原文核对。 配图与视频请前往原文查看。

来源:Chrome Developers · AI 与浏览器 · developer.chrome.com