Repolode
ChromeDevTools

ChromeDevTools/chrome-devtools-mcp

MCP-сервер, с помощью которого coding agents управляют запущенным браузером Chrome и анализируют его через Chrome DevTools для отладки и оценки производительности.

Звёзды
53,868
Форки
7,035
Открытые issues
152
Последний коммит
10 часов назад

Что это?

Chrome DevTools for agents (chrome-devtools-mcp) — это сервер Model Context Protocol, который предоставляет AI-ассистентам для программирования, таким как Claude, Cursor, Copilot и Antigravity, доступ к запущенному браузеру Chrome. Агент может управлять страницами, делать скриншоты, просматривать сетевые запросы и сообщения консоли с трассировками стека, в которых учтены исходные карты, а также записывать трассировки производительности.

Сервер построен на Chrome DevTools и использует Puppeteer для автоматизации действий и ожидания их результатов. Браузер запускается автоматически, когда клиент вызывает инструмент, которому он нужен. Для работы без MCP также доступен CLI, а облегчённый режим предоставляет небольшой набор базовых инструментов для браузера и, при желании, поддерживает headless-режим.

Проект официально поддерживает Google Chrome и Chrome for Testing. Поскольку сервер передаёт содержимое браузера подключённому клиенту, он может читать и изменять любые данные в браузере, поэтому не следует открывать конфиденциальные страницы. Сбор статистики об использовании включён по умолчанию; его можно отключить с помощью флага или переменной окружения.

Ключевые возможности

  • 01Записывает трассировки производительности и извлекает полезные рекомендации с помощью Chrome DevTools.
  • 02Проверяет сетевые запросы, делает скриншоты и читает сообщения консоли с трассировками стека, в которых учтены исходные карты.
  • 03Автоматизирует действия в браузере с помощью Puppeteer и автоматически ожидает их завершения.
  • 04Предлагает облегчённый режим с базовыми инструментами и возможностью работы в headless-режиме.
  • 05Предоставляет CLI для работы без MCP.

Сценарии использования

  • Помогает AI-ассистенту для программирования находить ошибки консоли и сбои сетевых запросов на веб-странице.
  • Позволяет проводить аудит производительности сайта и получать рекомендации на основе трассировок.
  • Автоматизирует браузерные тесты, которыми во время разработки управляет агент.
  • Позволяет встроить браузерного субагента в инструменты для работы с агентами.

Быстрый старт

  1. 1

    Установите Node.js LTS и Chrome (текущую стабильную версию)

  2. 2

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

    npx -y chrome-devtools-mcp@latest
  3. 3

    Введите тестовый промпт в MCP-клиенте, чтобы проверить, что всё работает

Что важно знать

  • Официально поддерживаются только Google Chrome и Chrome for Testing; работа с другими браузерами на базе Chromium не гарантируется.
  • Инструменты могут передавать MCP-клиенту все данные браузера, поэтому не делитесь конфиденциальной информацией.
  • Сбор статистики использования включён по умолчанию. Чтобы отказаться от него, укажите флаг или переменную окружения.

Темы

Частые вопросы

Что такое chrome-devtools-mcp?
MCP-сервер, с помощью которого coding agents управляют запущенным браузером Chrome и анализируют его через Chrome DevTools для отладки и оценки производительности. Chrome DevTools for agents (chrome-devtools-mcp) — это сервер Model Context Protocol, который предоставляет AI-ассистентам для программирования, таким как Claude, Cursor, Copilot и Antigravity, доступ к запущенному браузеру Chrome. Агент может управлять страницами, делать скриншоты, просматривать сетевые запросы и сообщения консоли с трассировками стека, в которых учтены исходные карты, а также записывать трассировки производительности.
chrome-devtools-mcp можно использовать бесплатно? Какая у него лицензия?
chrome-devtools-mcp распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
chrome-devtools-mcp всё ещё поддерживается?
Активно поддерживается. Последний коммит в chrome-devtools-mcp — 19 окт. 2026 г..
Для чего можно использовать chrome-devtools-mcp?
Помогает AI-ассистенту для программирования находить ошибки консоли и сбои сетевых запросов на веб-странице. Позволяет проводить аудит производительности сайта и получать рекомендации на основе трассировок. Автоматизирует браузерные тесты, которыми во время разработки управляет агент. Позволяет встроить браузерного субагента в инструменты для работы с агентами.
Как установить chrome-devtools-mcp?
Установите Node.js LTS и Chrome (текущую стабильную версию) Добавьте конфигурацию MCP-сервера в свой MCP-клиент: npx -y chrome-devtools-mcp@latest Введите тестовый промпт в MCP-клиенте, чтобы проверить, что всё работает
Где скачать chrome-devtools-mcp?
Исходный код и инструкции по установке — на GitHub: https://github.com/ChromeDevTools/chrome-devtools-mcp

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты