Стабильный релиз инструментов Google, который даёт AI-агентам полный доступ к отладочным возможностям Chrome DevTools — 40+ MCP-инструментов, тестирование WebMCP и обновления Chrome 149.
В мае 2026 года команда Chrome DevTools выпустила стабильную версию 1.0 инструментария, который кардинально меняет взаимодействие AI-агентов с браузером. Если раньше агенты типа Claude Code, Gemini CLI или Codex могли только генерировать код, но были «слепы» к его исполнению, то теперь они получили полный доступ к отладочным возможностям Chrome DevTools.
Chrome DevTools for Agents — это экосистема из трёх компонентов, которые вместе дают агенту возможность видеть, что происходит в браузере, инспектировать DOM, отслеживать сетевые запросы, измерять производительность, находить утечки памяти и даже тестировать WebMCP-инструменты вашего сайта.
1. MCP-сервер — основное звено. Подключает LLM-агента к возможностям DevTools через открытый протокол Model Context Protocol. Предоставляет 40+ инструментов для управления браузером.
2. Chrome DevTools CLI — токен-эффективная альтернатива для агентов, которым не нужен полный набор MCP-инструментов. Позволяет выполнять скриптовые последовательности действий с минимальным расходом токенов.
3. Agent Skills — экспертные инструкции, которые обучают агента, когда и как использовать конкретные инструменты: проверка доступности (a11y), профилирование производительности, отладка расширений.
На момент написания статьи репозиторий ChromeDevTools/chrome-devtools-mcp набрал 42,7 тыс. звёзд и насчитывает 910 коммитов. Последний стабильный релиз — v1.1.1 (начало июня 2026).
| Возможность | Описание |
|---|---|
| Lighthouse Audits | Аудит качества: доступность, SEO, производительность, agentic browsing |
| Эмуляция устройств | Адаптивные макеты, симуляция геолокации, троттлинг CPU/сети |
| Живая отладка браузера | Подключение к активной сессии Chrome — инспекция, пауза, устранение неполадок |
| Анализ памяти | Снимки heap, поиск откреплённых DOM-узлов, отладка утечек |
| Отладка расширений | Установка, перезагрузка, запуск действий расширений, инспекция фоновых скриптов |
| Auto-Connect | Общий контекст браузера с агентом — аутентифицированные сессии, куки |
Релиз Chrome 149 добавил три важные возможности:
В Chrome 149 панель AI-помощника получила серьёзные улучшения:
Самый простой способ подключить Chrome DevTools к любому MCP-совместимому агенту:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}Gemini CLI:
gemini extensions install --auto-update \
https://github.com/ChromeDevTools/chrome-devtools-mcp
# Или через MCP:
gemini mcp add chrome-devtools npx chrome-devtools-mcp@latestClaude Code:
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
/plugin install chrome-devtools-mcp@chrome-devtools-pluginsCodex (OpenAI):
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latestHeadless-режим — для CI/CD и автоматизированных проверок:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest", "--headless"]
}
}
}Auto-Connect — использование текущей браузерной сессии с куками и аутентификацией:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["chrome-devtools-mcp@latest", "--autoConnect"]
}
}
}При использовании Auto-Connect нужно сначала открыть chrome://inspect/#remote-debugging и разрешить подключение.
Один из самых востребованных сценариев — агент проверяет производительность сайта без участия человека:
Проверь производительность https://example.com, запусти
Lighthouse-аудит, покажи проблемные метрики и предложи
исправления.Страница localhost:8080 выглядит странно и съехала.
Проверь, что там происходит.Агент сделает скриншот, проанализирует DOM, сверит его с CSS-правилами и укажет на проблемные элементы.
Несколько изображений не загружаются на localhost:8080.
В чём дело?Зайди на developer.chrome.com с мобильного устройства,
нажми бургер-меню и покажи пункты навигации.Сделай снимок heap и определи откреплённые DOM-узлы,
которые могут вызывать утечки памяти.Этот сценарий особенно ценен для SPA-приложений, где утечки памяти — распространённая проблема.
Запусти Lighthouse-аудит доступности и предложи
исправления для элементов с низкой контрастностью.Здесь Chrome DevTools for Agents и WebMCP работают в тандеме. Агент может:
Список WebMCP-инструментов на этой странице, вызови
поисковый инструмент с тестовым запросом 'test query'
и проверь, что ответ соответствует ожидаемой схеме.Для этого потребуется Chrome 149+ с флагами #devtools-webmcp-support и #enable-webmcp-testing. Подробнее — в руководстве по WebMCP.
Chrome DevTools MCP предоставляет 40+ инструментов в 9 категориях:
| Категория | Инструменты | Назначение |
|---|---|---|
| Ввод (10) | click, fill, fill_form, type_text, hover, press_key, drag, upload_file, click_at, handle_dialog | Тестирование форм, автоматизация UI |
| Навигация (6) | navigate_page, new_page, close_page, list_pages, select_page, wait_for | Многостраничные сценарии, вкладки |
| Эмуляция (2) | emulate, resize_page | Адаптивная вёрстка, геолокация |
| Произв-сть (3) | performance_start_trace, performance_stop_trace, performance_analyze_insight | Core Web Vitals, загрузка |
| Сеть (2) | list_network_requests, get_network_request | Отладка API, CORS |
| Отладка (8) | take_screenshot, take_snapshot, evaluate_script, lighthouse_audit, list_console_messages, get_console_message, screencast_start, screencast_stop | Визуальная инспекция, диагностика |
| Память (5) | take_heapsnapshot, get_heapsnapshot_summary, get_heapsnapshot_class_nodes, get_heapsnapshot_retainers, get_heapsnapshot_details | Поиск утечек памяти |
| Расширения (5) | list_extensions, install_extension, reload_extension, trigger_extension_action, uninstall_extension | Отладка расширений |
| WebMCP (2, эксп.) | list_webmcp_tools, execute_webmcp_tool | Тестирование WebMCP |
| Сторонние (2, эксп.) | list_3p_developer_tools, execute_3p_developer_tool | Отладка через фреймворки |
При работе с Chrome DevTools for Agents важно понимать риски:
| Риск | Описание | Решение |
|---|---|---|
| Доступ к браузеру | Агент может читать, инспектировать и модифицировать любые данные | Работайте в изолированных сессиях |
| Сессии аутентификации | Auto-Connect наследует все куки и учётные записи | Используйте отдельный профиль для агента |
| Порт удалённой отладки | Любое приложение на машине может подключиться | Закрывайте порт после использования |
| Конфиденциальные данные | Агент может прочитать токены и API-ключи | Используйте --redactNetworkHeaders |
| Изолированный режим | Временные данные могут остаться на диске | Используйте --isolated в headless-режиме |
Chrome DevTools for Agents 1.0 — это не просто очередное обновление инструментов разработчика. Это сигнал того, что Google делает серьёзную ставку на агентные (agentic) рабочие процессы. Возможность дать AI-агенту полный доступ к DevTools — от Lighthouse до профилирования памяти и отладки WebMCP — превращает агента из «генератора кода» в полноценного партнёра по разработке.
Для веб-разработчиков это означает, что скоро большая часть рутинной отладки будет автоматизирована. А подготовка сайтов к работе с WebMCP и AI-агентами станет таким же обязательным навыком, как адаптивная вёрстка или SEO-оптимизация.
Я предлагаю услуги по AI-assisted веб-разработке
#devtools-webmcp-support и #enable-webmcp-testing. Добавьте --categoryExperimentalWebmcp при запуске MCP-сервера. После этого агент сможет вызывать list_webmcp_tools и execute_webmcp_tool. Подробнее — в руководстве по WebMCP.Chrome DevTools for Agents 1.0 — это важнейшая веха в AI-ассистированной разработке. Возможность дать код-генерирующим агентам полный доступ к отладке браузера превращает их из «генераторов кода» в полноценных партнёров по разработке.
Я — full-stack разработчик с глубоким опытом в браузерных технологиях, AI-интеграции и современных веб-API. Если вы изучаете AI-ориентированные рабочие процессы или планируете подготовить сайт к работе с WebMCP, свяжитесь со мной — я провожу бесплатные консультации.
Работаете с AI-агентами и отладкой браузера? Помогу настроить DevTools for Agents, внедрить WebMCP и подготовить сайт к agentic-вебу.