Опубликовано: 19 мая 2026 г.
Инструменты для разработки программного обеспечения на основе ИИ невероятно мощны при написании кода, но зачастую они оторваны от процесса его выполнения. Они могут генерировать сложные веб-приложения, но не могут наблюдать за их поведением или анализировать результаты их работы в реальном времени в браузере.
Chrome DevTools for agents предоставляет вашему агенту разработки необходимую информацию для проверки, отладки и оптимизации кода в режиме реального времени. Несколько месяцев назад мы впервые продемонстрировали его , и теперь с радостью объявляем о выпуске стабильной версии 1.0 Chrome DevTools for agents.
Подключите своего агента к браузеру.
Инструменты разработчика Chrome для агентов позволяют вашему агенту взаимодействовать с вашим сайтом так же, как и реальному пользователю. Этот стабильный релиз включает в себя несколько способов взаимодействия вас и вашего агента с Chrome:
- Сервер протокола контекста модели (MCP) : сервер, который обеспечивает связь больших языковых моделей (LLM) с возможностями отладки DevTools.
- Интерфейс командной строки (CLI) : Экономичная альтернатива, позволяющая агентам объединять действия в скрипты.
- Навыки агента : Инструкции для экспертов, обучающие вашего агента тому, как и когда использовать конкретные инструменты для таких задач, как обеспечение доступности или отладка производительности.
Автоматическая отладка, эмуляция и аудит.
В версии 1.0 ваш агент для отладки кода теперь может выполнять сложные задачи, которые ранее выполнялись вручную.
Автоматизация аудита качества
Теперь ваш агент может проводить аудиты Lighthouse для оценки качества веб-сайта. Он может выявлять проблемы с доступностью, SEO, передовыми методами и просмотром кода агентом. Это как линтер, который понимает среду выполнения. Используемый в качестве контроля качества, он превращает вашего агента кода в эксперта, который обнаруживает критические препятствия до того, как они попадут в продакшн.
Имитируйте реальный пользовательский опыт.
Ваш агент может использовать DevTools для тестирования внешнего вида и производительности сайта на различных устройствах или в разных местах с помощью инструментов эмуляции . Он может изменять размер окон, имитировать геолокацию, а также ограничивать скорость сети и процессора, чтобы имитировать реальные условия. Таким образом, ваш агент может тестировать специфические для мобильных устройств функции, такие как меню-гамбургеры, без необходимости вручную изменять размер окна браузера.
Разработка и отладка расширений для Chrome.
Вы также можете поручить своему агенту не только разработку расширений для Chrome, но и их отладку. Ваш агент может устанавливать, перезагружать и запускать действия расширений напрямую. Это помогает автоматизировать частый цикл «сохранения и обновления» во время разработки. Он также может проникать в фоновые скрипты и страницы расширений, чтобы помочь вам исправить ошибки в более сложных настройках браузера.
Отладка и тестирование инструментов WebMCP.
Мы также обеспечиваем высокую прозрачность процесса тестирования WebMCP (Web Model Context Protocol) Origin Trial, чтобы помочь вам внедрить этот новый API.
Вместо того чтобы полагаться на сигналы для определения плана навигации по DOM, ваш агент может напрямую взаимодействовать со структурированными инструментами, которые вы предоставляете с помощью WebMCP. Это упрощает разработку, тестирование и отладку этих инструментов: ваш агент может перечислять, программно вызывать и проверять их корректность в режиме реального времени. Это оптимизирует процесс добавления поддержки WebMCP на ваш сайт и его тестирования.
Выявление и устранение утечек памяти.
Мы также добавили специальные инструменты для анализа памяти. Теперь ваш агент может создавать снимки кучи для выявления утечек памяти, например, отсоединенных узлов DOM. Используя специализированные навыки отладки утечек памяти, агент выступает в роли эксперта по производительности, помогая вам поддерживать ваше приложение в оптимальном и быстром состоянии.
Передача сессий с автоматическим подключением
Вы можете поделиться текущим контекстом браузера с агентом , вместо того чтобы агент открывал собственный изолированный экземпляр браузера (как это обычно происходит в DevTools для агентов, предоставляющих доступ к браузеру). Это идеально подходит для отладки процессов, требующих авторизации, например, для аутентифицированной панели мониторинга, где вы хотите, чтобы агент ИИ взял на себя техническое расследование без необходимости повторной аутентификации.
Раскрывайте внутреннее состояние с помощью сторонних инструментов разработчика.
Сторонние инструменты для разработчиков позволяют вашему веб-приложению напрямую обмениваться внутренним состоянием и информацией о компонентах с агентами искусственного интеллекта. Предоставляя доступ к данным, обычно скрытым от стандартного анализа, эти инструменты дают агентам контекст, необходимый для понимания сложной логики. Это приводит к более точным рекомендациям по отладке, основанным на том, как приложение фактически ведет себя в браузере.
Начать
Вы можете установить стабильную версию с помощью npm или настроить её непосредственно в выбранном вами агенте:
Антигравитация
Инструменты разработчика Chrome для агентов поставляются в комплекте с Antigravity 2.0 . Вы можете начать использовать его немедленно, используя подагент браузера . Попробуйте использовать команду с косой чертой, например:
/browser Navigate to the Google homepage
Для доступа к специализированным навыкам агента мы рекомендуем установить плагин DevTools на этапе сборки с помощью Google при первоначальной настройке или в настройках приложения. Для получения дополнительной информации ознакомьтесь с документацией по субагенту Antigravity Browser .
Gemini CLI
Для установки пакета MCP и навыков в качестве расширения используйте следующую команду:
$ gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
Кодекс Клода
Для установки Chrome DevTools для агентов в качестве плагина Claude Code используйте следующие команды с косой чертой в Claude Code. Добавьте реестр Marketplace:
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
Установите плагин из реестра Marketplace:
/plugin install chrome-devtools-mcp@chrome-devtools-plugins
Более подробные руководства и примеры подсказок вы найдете в документации по Chrome DevTools для агентов . Также вы можете ознакомиться с исходным кодом на GitHub .