Chrome DevTools MCP Server: Auto-Connect и CLI для отладки с ИИ-агентами

Видеоразбор новых возможностей Chrome DevTools MCP Server — поддержка подключения к запущенному браузеру и CLI-инструмент для интеграции с ИИ-агентами. Как использовать для отладки, аудита производительности и работы с авторизованными сессиями.

Auto-Connect: подключение к запущенному Chrome

Chrome DevTools MCP теперь подключается к уже работающему экземпляру Chrome без создания новой сессии.

Требования:

  • Chrome версии 114+
  • Включенный флаг remote debugging

Что это даёт:

  • Агент получает доступ к cookies, истории и авторизованным сессиям пользователя
  • Работает с OpenCode, Claude Code и другими MCP-совместимыми клиентами
  • Не нужны отдельные AI-браузеры или расширения для отладки

Практические сценарии

Отладка страниц за авторизацией

Пользователь логинится вручную, затем агент работает в авторизованной сессии. Учетные данные не передаются.

Интеграция с DevTools

Выбор элемента в инспекторе позволяет агенту «видеть» выбранный элемент, анализировать и изменять стили.

Performance-аудит

Запуск Lighthouse через MCP для получения Web Vitals и Lighthouse scores.

Анализ сетевой активности

Доступ к консоли и сетевым запросам через агента.

Альтернатива: Chrome DevTools CLI

Экспериментальный CLI доступен в папке skills/chrome-devtools-cli.

Особенности:

  • Работает через собственный daemon (не требует запущенного MCP server)
  • Нет функции auto-connect — требуется запуск Chrome с флагом --remote-debugging-port
  • Сохраняет user-data-dir между сессиями (cookies и данные не теряются)
  • Более компактная альтернатива для минимизации контекста

Безопасность и изоляция

Для изоляции используйте флаг --user-data-dir с отдельной директорией.

Зачем:

  • Предотвращает доступ агента к основным cookies, паролям и истории браузера
  • В sandbox/CI-средах обязательно указывайте user-data-dir

Важно: опция browser URL с портом для remote debugging работает через HTTP, не WebSockets.

Что выбрать: MCP или CLI

  • Отладка открытых страниц, работа с текущей сессией = MCP с auto-connect
  • Sandbox/CI-среды, изолированное тестирование = CLI с --user-data-dir
  • Минимизация контекста, компактность = CLI вместо MCP

Конкуренты и перспективы

Альтернативы: Agent Browser от Vercel, Playwright с CLI.

Arc пока не поддерживает подобную функциональность.

Chrome DevTools MCP выделяется интеграцией с родным браузером и доступом к авторизованным сессиям. В планах — развитие функциональности, возможно добавление auto-connect в CLI.

Видео

Фото аватара

Олег Козлов

Разработчик.
Веб-фреймворки: Symfony, Strapi, Django
Также увлекаюсь NoCode & AI решениями.

Ответить

Ваш адрес email не будет опубликован. Обязательные поля помечены *