帮助代理正确构建、调试和验证代码。借助适用于 AI 智能体的 Chrome 开发者工具，AI 智能体可以与 Chrome 浏览器互动，以便在发布之前使用 Chrome 开发者工具的功能测试代码、模拟用户并捕获错误。
开始使用 在 GitHub 上查看

立即安装

在 GitHub 上查看所有安装选项

代理的 Chrome 开发者工具预先与 Antigravity 2.0 捆绑在一起。您可以使用 浏览器子代理立即开始使用它。尝试使用斜杠命令，例如：

/browser Navigate to the Google homepage

如需访问专门的代理技能，请在初始设置的使用 Google 构建 步骤中或在应用设置中安装开发者工具插件。

  # Install as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
 
  # Install as a plugin (MCP+Skills)
  # Add the marketplace registry:
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  # Install
  /plugin install chrome-devtools-mcp@chrome-devtools-plugins
 
  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

如果您使用的是任何其他编码代理（例如 Copilot 或 OpenCode），请按照 GitHub 代码库中的说明进行操作。

您的智能体可以做什么？

让智能体能够与 Web 浏览器互动。

测试自适应设计、不同地理位置和真实用户流程。了解详情。
连接到有效的 Chrome 会话，以便实时检查、暂停和排查问题。了解详情。
在将代码推送到生产环境之前，先针对无障碍功能 (A11y)、SEO 和性能运行审核，以提供可操作的核对清单。了解详情。

可带来更出色用户体验的提示

让 AI 智能体能够通过全托管式浏览器实例浏览网站、与按钮互动、探索网页，并运行即时无障碍功能审核。 
Go to developer.chrome.com on mobile, click the burger menu, and check for top-level navigation items.
 
Go to https://chrome.dev/devtools-store-locator. Simulate your location is Berlin and check if the store locator shows the Rosenthaler Strasse branch.
 
Run a Lighthouse accessibility audit and suggest fixes for any low-contrast elements.
 
Perform an SEO audit and verify all images have descriptive alt text.
了解如何为代理设置 Chrome 开发者工具，以及如何查看代理自主调试和验证。此视频介绍了安装、握手以及使用 CLI 进行批量操作。