Chrome DevTools MCP
Официальный MCP-сервер команды Chrome DevTools: агент управляет живым Chrome, смотрит сеть, консоль и записывает трейсы производительности
- 54 432 ★ репозитория
- Последний коммит
- Apache-2.0
Расширенный доступ
Почему такой уровень
- Агент видит и может менять любые данные в браузере
- Запускает Chrome и ходит в сеть, по умолчанию отправляет статистику Google
Установка
- Работает в
Ручная установка
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}Добавьте флаги --slim и --headless для базовых задач без окна браузера.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент видит и может менять любые данные в браузере
- Запускает Chrome и ходит в сеть, по умолчанию отправляет статистику Google
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Сервер дает агенту доступ к настоящему браузеру Chrome через Puppeteer и протокол DevTools. Агент открывает страницы, кликает, заполняет формы, делает скриншоты и снимки дерева доступности. Он читает сетевые запросы и сообщения консоли со стек-трейсами по source map, записывает трейсы и получает по ним выводы о производительности, запускает Lighthouse. В комплекте плагин со скиллами по отладке доступности, LCP, утечек памяти и cookie, а также CLI для работы без MCP.
Для кого. Для фронтенд-разработчиков и QA, которым нужно, чтобы агент сам проверял и отлаживал страницу в браузере.
Подходит, если
- Агент поправил верстку и должен сам убедиться, что страница работает
- Нужно разобрать медленную загрузку или плохой LCP по трейсу
- Нужно найти ошибки в консоли или упавшие сетевые запросы
- Нужен аудит доступности страницы
Не подходит, если
- Нужны кроссбраузерные тесты в Firefox или Safari
- Браузерный профиль содержит данные, которые нельзя показывать модели
Пример запроса к агенту
Открой localhost:3000, проверь консоль на ошибки и замерь производительность главной страницыMCP
- Транспорт
- stdio
- Авторизация
- не нужна
Переменные окружения
CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS- Отключает сбор статистики использования
CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS- Отключает проверку обновлений в npm
Ограничения
Официально поддерживаются только Google Chrome и Chrome for Testing. Нужны Node.js LTS и Chrome. По умолчанию Google собирает статистику использования (отключается флагом --no-usage-statistics), а инструменты производительности могут отправлять URL в CrUX API (флаг --no-performance-crux). Все содержимое браузера доступно MCP-клиенту. Сам сервер работает локально, доступность модели агента из России зависит от выбранного агента.
Как отключить. Удалите сервер командой claude mcp remove chrome-devtools или уберите блок chrome-devtools из конфигурации MCP. Плагин удаляется через /plugin.
Частые вопросы
Чем отличается режим --slim?
Он оставляет только базовые инструменты для простых задач в браузере и экономит контекст.
Можно подключиться к уже открытому Chrome?
Да, в документации по расширенному использованию описано подключение к запущенному экземпляру и отладка на Android.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыChrome MCP на Python: агент подключается к Chrome через DevTools Protocol, читает сеть, консоль и куки, запускает JavaScript и снимает метрики страницы
Плагин для Claude Code, который управляет вашим Chrome через DevTools Protocol: вкладки, формы, выгрузка страниц и скриншоты без сторонних зависимостей
Расширение Chrome с MCP-сервером: агент управляет вашим обычным браузером с его сессиями, вкладками, закладками и историей
MCP-сервер и расширение Chrome, которые дают агенту управлять вашим уже открытым браузером с вашими авторизованными сессиями, все локально
CLI, скилл и MCP для управления Chrome короткими скриптами Puppeteer, вкладки сохраняют состояние между вызовами
Скилл для Amp, Claude Code и Cursor: агент управляет вашим живым Chrome с открытыми вкладками и входами в аккаунты через один переключатель отладки
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Chrome DevTools MCP (эта запись) | да | не нужна | 54 432 | |
| Modern Web Guidance | да | 2 573 | скиллы команды Chrome | |
| AXI | нет | 2 259 | десять принципов для CLI | |
| Vibium | нет | 2 934 | один бинарник для автоматизации браузера агентом |
Из блога
Коротко о README
README объясняет, что сервер управляет Chrome через Puppeteer и дает агенту трейсы производительности, сеть, консоль и скриншоты. Установка сводится к блоку конфигурации с npx chrome-devtools-mcp@latest, для отдельных клиентов есть свой гайд. Отдельно оговорены сбор статистики Google и обращения к CrUX с флагами отключения. Есть режим --slim, CLI и рекомендации по встраиванию как браузерного субагента.