Chrome DevTools MCP — инструмент для отладки и автоматизации браузера через ИИ-агентов

· 1 мин чтения
mcp chrome-devtools browser-automation debugging testing
📂 Исходный код на GitHub

Официальный MCP-сервер Chrome DevTools для интеграции браузерных возможностей в агентов (Claude Code, Cursor, Copilot и др.)

Chrome DevTools MCP — инструмент для отладки и автоматизации браузера через ИИ-агентов

Chrome DevTools MCP — это официальный MCP-сервер от команды Google Chrome DevTools. Он даёт ИИ-агентам возможность управлять и инспектировать живой браузер Chrome через протокол MCP (Model Context Protocol).

Возможности

Сервер предоставляет десятки инструментов, сгруппированных по категориям:

Автоматизация ввода — клик, drag-and-drop, заполнение форм, загрузка файлов, нажатие клавиш, ввод текста.

Навигация — открытие и закрытие страниц, переключение между вкладками, ожидание появления элементов.

Эмуляция — подмена геолокации, user-agent, viewport, цветовой схемы, throttle сети и CPU.

Производительность — запись trace, анализ инсайтов, загрузка CrUX-данных о реальном пользовательском опыте.

Сеть — просмотр и анализ сетевых запросов.

Отладка — выполнение JavaScript, чтение console-сообщений с source-mapped stack trace, Lighthouse-аудит, скриншоты, снапшоты доступности.

Память — снятие и сравнение heap snapshot, анализ dominator tree, поиск дубликатов строк и утечек памяти.

Расширения — установка, удаление и управление Chrome-расширениями.

Третьи стороны — доступ к devtools, которые предоставляет сама страница.

Slim-режим

Для простых задач браузерной автоматиции доступен --slim — всего три инструмента: навигация, выполнение скриптов и скриншоты. Подходит для базовых сценариев.

Установка

Достаточно добавить конфигурацию в любого MCP-клиента:

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

Сервер поддерживает большинство популярных клиентов: Claude Code, Cursor, Copilot, Gemini CLI, Cline, Windsurf, JetBrains AI, OpenCode и другие. Для некоторых есть установка в виде plugin (со скиллами).

Подключение к запущенному Chrome

По умолчанию сервер запускает новый экземпляр Chrome с отдельным профилем. Можно подключиться к уже запущенному браузеру:

  • --autoConnect (Chrome 144+) — автоматическое подключение через chrome://inspect/#remote-debugging
  • --browser-url — ручное подключение через remote debugging port

Параметры конфигурации

Сервер настраивается через флаги командной строки:

  • --headless — работа без графического интерфейса
  • --channel — выбор канала Chrome (canary, dev, beta, stable)
  • --isolated — временный профиль, очищается после закрытия
  • --viewport — начальный размер окна
  • --screenshot-format — формат скриншотов (jpeg/webp/png)
  • --experimentalVision — включение координатных инструментов (click_at)
  • --experimentalPageIdRouting — маршрутизация по pageId для конкурентных сессий

Категории инструментов можно включать и отключать: --category-performance=false, --category-network=false и т. д.

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

Для клиентов, которые используют один сервер на несколько параллельных агентов, есть флаг --experimentalPageIdRouting. Каждый вызов инструмента указывает pageId, что позволяет агентам работать с разными вкладками независимо.

Статистика использования

Google собирает анонимную статистику (частота вызова инструментов, задержки, окружение) для улучшения сервера. Сбор включён по умолчанию, отключается флагом --no-usage-statistics или переменной CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS.

Ограничения

Официально поддерживаются Google Chrome и Chrome for Testing. Другие Chromium-браузеры могут работать, но это не гарантируется. Инструменты производительности могут отправлять URL-трасс в CrUX API (отключается флагом --no-performance-crux).

Заключение

Chrome DevTools MCP — наиболее полное и поддерживаемое Google решение для интеграции браузера в агентов. Это не сторонняя обвязка, а официальный продукт команды Chrome DevTools, что гарантирует совместимость с актуальными версиями браузера и доступ ко всем возможностям DevTools.

Источник: https://github.com/ChromeDevTools/chrome-devtools-mcp