Chrome DevTools MCP
Официальный MCP-сервер команды Chrome DevTools: агент управляет живым Chrome, смотрит сеть, консоль и записывает трейсы производительности
Установка
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}Добавьте флаги --slim и --headless для базовых задач без окна браузера.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Сервер дает агенту доступ к настоящему браузеру Chrome через Puppeteer и протокол DevTools. Агент открывает страницы, кликает, заполняет формы, делает скриншоты и снимки дерева доступности. Он читает сетевые запросы и сообщения консоли со стек-трейсами по source map, записывает трейсы и получает по ним выводы о производительности, запускает Lighthouse. В комплекте плагин со скиллами по отладке доступности, LCP, утечек памяти и cookie, а также CLI для работы без MCP.
Для кого. Для фронтенд-разработчиков и QA, которым нужно, чтобы агент сам проверял и отлаживал страницу в браузере.
Подходит, если
- Агент поправил верстку и должен сам убедиться, что страница работает
- Нужно разобрать медленную загрузку или плохой LCP по трейсу
- Нужно найти ошибки в консоли или упавшие сетевые запросы
- Нужен аудит доступности страницы
Не подходит, если
- Нужны кроссбраузерные тесты в Firefox или Safari
- Браузерный профиль содержит данные, которые нельзя показывать модели
Пример запроса к агенту
Открой localhost:3000, проверь консоль на ошибки и замерь производительность главной страницыОграничения
Официально поддерживаются только 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.
MCP
- Транспорт
- stdio
- Авторизация
- не нужна
| Переменные окружения | |
|---|---|
| CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS | Отключает сбор статистики использования |
| CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS | Отключает проверку обновлений в npm |
Проверка безопасности
- Агент видит и может менять любые данные в браузере
- Запускает Chrome и ходит в сеть, по умолчанию отправляет статистику Google
Коротко о README
README объясняет, что сервер управляет Chrome через Puppeteer и дает агенту трейсы производительности, сеть, консоль и скриншоты. Установка сводится к блоку конфигурации с npx chrome-devtools-mcp@latest, для отдельных клиентов есть свой гайд. Отдельно оговорены сбор статистики Google и обращения к CrUX с флагами отключения. Есть режим --slim, CLI и рекомендации по встраиванию как браузерного субагента.
Частые вопросы
Чем отличается режим --slim?
Он оставляет только базовые инструменты для простых задач в браузере и экономит контекст.
Можно подключиться к уже открытому Chrome?
Да, в документации по расширенному использованию описано подключение к запущенному экземпляру и отладка на Android.
Похожие
CLI, скилл и Python-библиотека для управления браузером: агент кликает, заполняет формы и читает страницы через CDP
Скилл собирает обсуждения темы за последние 30 дней из Reddit, X, YouTube, HN, Polymarket и GitHub и сводит их в бриф
Быстрый CLI на Rust для автоматизации браузера агентами: снимки доступности со ссылками на элементы, MCP-сервер и скиллы
Официальный MCP-сервер Microsoft для управления браузером через Playwright по дереву доступности, без скриншотов