chrome-devtools-mcp - Chrome DevTools, браузер для агента

Что понадобится: Node.js текущей LTS-версии и npm; установленный Google Chrome.

Когда звать

• Когда страница ведёт себя не так, как в коде, и агенту нужно самому увидеть ошибки консоли, запросы и снимок экрана, а не гадать.
• Когда нужно понять, почему сайт грузится медленно, и получить разбор по записи трассы, а не общие советы.

Что это

Обычно агент пишет код для сайта вслепую: он не видит, что получилось в браузере. Приходится самому открывать страницу, копировать ошибку из консоли и пересказывать, что на экране. Chrome DevTools MCP убирает эту посредническую работу. Агент получает инструменты управления настоящим Chrome и смотрит на результат своими глазами.

По README сервер умеет три вещи: записывать трассу и вытаскивать из неё выводы по скорости, разбирать сеть и консоль (со стеками, привязанными к исходному коду), и выполнять действия на странице через puppeteer и дожидаться результата.

Как подключить

Команды взяты из руководства автора по настройке клиентов.

В Claude Code:

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

В Codex:

codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Проверка из README: после подключения дай агенту задачу «проверь скорость страницы developers.chrome.com». Должен открыться Chrome, а агент вернёт разбор записанной трассы. Это общедоступный сайт, ничего своего открывать не нужно. В Claude Code состояние сервера видно по команде /mcp.

Если ты ещё не подключал MCP, сначала прочитай разбор MCP в Claude Code, а для Codex - про MCP в Codex.

Что внутри ещё

Кроме сервера, в пакете есть отдельная командная строка chrome-devtools для тех, кому MCP не нужен, и набор скиллов: отладка и автоматизация страниц, поиск проблем доступности, разбор куки и входа, ускорение самого крупного элемента страницы (LCP), поиск утечек памяти. Скиллы описывают инструменты конкретной версии. Автор просит обновлять их вместе с сервером, иначе агент может вызвать параметры, которые уже изменились.

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

О чём стоит помнить

Агент получает доступ ко всему, что открыто в управляемом браузере. Если ты заходишь в нём в рабочие кабинеты, агент теоретически видит всё, что ты видишь. Сам автор в README просит не показывать клиентам MCP то, чего ты показывать не хочешь. Поэтому для проб лучше отдельное окно или профиль без личных входов.

Второе: по умолчанию включён сбор статистики на стороне Google. Это настройка запуска, её можно выключить флагом. Подробности смотри в паспорте ниже.

Мы сверили описание с текстом README и руководством автора на 22 октября 2026 года. Сервер на этой странице не запускали. Версии выходят часто, поэтому перед установкой открой первоисточник.

Чем отличается от соседей

В каталоге уже есть Claude in Chrome: это расширение, которое работает в твоём обычном Chrome с твоими входами. Chrome DevTools MCP ближе к инструменту разработчика: трассы, сеть, консоль и чистое окно для проверок. Для автоматизации сценариев и тестов смотри ещё Playwright.