Помогите своему агенту правильно создавать, отлаживать и проверять ваш код. С помощью Chrome DevTools для агентов ваш ИИ-агент может взаимодействовать с браузером Chrome для тестирования кода, имитации действий пользователей и выявления ошибок, используя возможности Chrome DevTools, до выпуска продукта.
Начать Посмотреть на GitHub

Установить сейчас

Все варианты установки смотрите на GitHub.

Инструменты разработчика Chrome для агентов поставляются в комплекте с Antigravity 2.0 . Вы можете начать использовать его немедленно, используя подагент браузера . Попробуйте использовать команду с косой чертой, например:

/browser Navigate to the Google homepage

Для доступа к специализированным навыкам агента установите плагин DevTools на этапе сборки с помощью 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 .

Что может сделать ваш агент?

Предоставьте своему агенту возможность взаимодействовать с веб-браузером. Если вы хотите узнать о других возможностях вашего агента, вы можете обратиться к документации по вариантам использования .

Протестируйте адаптивный дизайн, различные географические местоположения и реальные сценарии использования. Узнайте больше .
Подключитесь к активной сессии Chrome, чтобы проверять, приостанавливать и устранять неполадки в режиме реального времени. Подробнее .
Проводите аудит доступности, SEO и производительности, чтобы получить практические контрольные списки перед запуском кода в продакшн. Узнайте больше .

Подсказки, способствующие улучшению пользовательского опыта.

Предоставьте своему ИИ-агенту возможность перемещаться по веб-сайтам, взаимодействовать с кнопками, изучать страницы и мгновенно проводить проверки доступности — и все это через полностью управляемый экземпляр браузера. 
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 DevTools для агентов и как агенты выполняют отладку и проверку в автономном режиме. В этом видео рассматриваются установка, установление соединения и использование CLI для пакетных действий.