chrome-devtools-mcp — это MCP-сервер от команды Chrome DevTools, который даёт кодинг-агенту доступ к живому браузеру Chrome. Подключается к Antigravity, Claude Code, Cursor, Copilot и другим клиентам, поддерживающим Model Context Protocol, после чего агент сможет сам открывать страницы, кликать, читать консоль и снимать метрики производительности. Нужен тем, кто хочет, чтобы ассистент не угадывал, что происходит на фронтенде, а проверял это в реальном браузере. Для работы без MCP есть отдельный CLI.
Смысл простой: агент получает те же инструменты, которыми пользуется разработчик, открывая DevTools. Он запишет трейс производительности и сформулирует по нему конкретные выводы о проблемах. Разберёт сетевые запросы, сделает скриншот, покажет сообщения консоли со стек-трейсами, приведёнными к исходникам через source maps. Автоматизация действий построена на Puppeteer, поэтому агент будет дожидаться результата клика или загрузки, а не лететь дальше по сценарию.
Установка сводится к одной записи в конфиге MCP-клиента: команда npx с пакетом chrome-devtools-mcp@latest. Для простых браузерных задач есть режим --slim с урезанным набором инструментов, к нему часто добавляют --headless. Есть флаги для изолированного профиля, WebSocket-подключения, работы с несколькими сессиями одновременно, подключения к уже запущенному Chrome и даже отладки на Android. Из требований — Node.js LTS и текущая стабильная версия Chrome или новее. Браузер поднимется не при подключении к серверу, а в момент, когда агент впервые вызовет инструмент, которому браузер нужен.
О чём стоит знать до старта:
- сервер открывает MCP-клиенту содержимое браузера целиком — он сможет читать и менять любые данные на страницах и в DevTools, так что личное и чувствительное туда лучше не тащить;
- официально поддерживаются только Google Chrome и Chrome for Testing, остальные Chromium-браузеры могут работать, но без гарантий;
- инструменты производительности могут отправлять URL трейсов в Google CrUX API, чтобы добавить к лабораторным данным реальную статистику пользователей — отключается флагом
--no-performance-crux; - сбор статистики использования включён по умолчанию, выключается флагом
--no-usage-statisticsили переменной окружения, и он никак не связан с метриками самого Chrome; - проверку обновлений в npm-реестре можно погасить через
CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS.
Проект открытый, лицензия Apache-2.0, исходники и документация лежат на GitHub — там же полный справочник инструментов, гайд по настройке клиентов и раздел с решением типичных проблем. Если вы делаете собственное агентное приложение и вам нужен встроенный браузерный субагент, авторы предлагают строить его поверх этого сервера; в качестве образца есть документация браузерного агента Gemini CLI.
Блог