Chrome DevTools MCP — Dinesh Nalla Se

Chrome DevTools MCP — Dinesh Nalla Se

dinesh-nalla-seApache-2.0
Chrome DevTools MCP — это сервер для подключения AI-ассистентов к живому браузеру Chrome. Он открывает AI-агентам доступ к инструментам разработчика: трассировке производительности, анализу сетевых запросов, снятию скриншотов и чтению консоли. Разработчики и тестировщики используют его, чтобы Claude, Gemini, Cursor или Copilot могли автоматически выполнять действия в браузере и собирать данные для отладки и анализа.
Google ChromeБраузеры
Подключить MCPОткрыть на GitHub
Подключение

Подключить Chrome DevTools MCP — Dinesh Nalla Se

Выберите способ запуска и свой MCP-клиент. Ниже останется одна готовая инструкция, которую можно проверить и скопировать.

1

Способ подключения

2

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

3

Скопируйте и проверьте

Claude Desktop / Claude Code

Клиент запускает MCP-сервер как локальный процесс.

  1. 1.Откройте настройки MCP в Claude.
  2. 2.Добавьте сервер с указанной командой и переменными окружения.
  3. 3.Перезапустите Claude, если сервер не появился автоматически.
json
{
  "mcpServers": {
    "chrome-devtools-mcp-dinesh-nalla-se": {
      "command": "npx",
      "args": [
        "-y",
        "@dinesh-nalla-se/chrome-devtools-mcp"
      ]
    }
  }
}

Сгенерировано из существующей команды запуска. Желательно сверить с README.

Инструкция собрана из данных карточки и пока не отмечена как проверенная редакцией. Сверьте команду с README источника и не передавайте лишние права или секреты.

Как оценить Chrome DevTools MCP — Dinesh Nalla Se

Chrome DevTools MCP — Dinesh Nalla Se относится к Google Chrome, Браузеры. Ниже собраны проверяемые признаки, по которым его можно сравнить с другими серверами каталога.

Происхождение
Проект сообщества
Лицензия
Apache-2.0
Транспорт
stdio

Что проверить перед выбором

  • Изучите README, открытые issues и историю последних изменений в репозитории.
  • Проверьте команду установки и зависимости перед запуском в рабочем окружении.
  • Ограничьте доступ MCP-сервера только нужными файлами, API и переменными окружения.

Карточка отредактирована 20.07.2026.

Автоматическая проверка источника ещё не выполнена. Внешних источников в карточке: 1.

Характеристики

Общее

  • СтатусСообщество
  • Разработчикdinesh-nalla-se
  • ЛицензияApache-2.0

Технологии

  • Транспорт
    stdio

Описание

Возможности

  • Запись трассировки (trace) и получение конкретных рекомендаций по ускорению страниц.
  • Анализ сетевых запросов: заголовки, статусы, тайминги, полезная нагрузка.
  • Снятие скриншотов текущего состояния страницы.
  • Проверка содержимого консоли браузера на ошибки и предупреждения.
  • Выполнение произвольного JavaScript на странице для извлечения данных или тестирования.
  • Надёжная навигация и автоматизация действий с ожиданием результата через Puppeteer.
  • Управление вкладками: создание, закрытие, переключение между ними.
  • Подключение к уже запущенному браузеру через удалённый порт отладки.

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

  1. Установите сервер одной командой:
    2. npx -y @dinesh-nalla-se/chrome-devtools-mcp
  2. Добавьте конфигурацию в ваш MCP-клиент. Пример для Claude Desktop:
    3. {"mcpServers": {"chrome-devtools": {"command": "npx", "args": ["-y", "@dinesh-nalla-se/chrome-devtools-mcp"]}}}
  3. Перезапустите клиент, чтобы сервер подключился к браузеру.

Примеры запросов

  • «Открой страницу example.com, сделай скриншот и проверь, есть ли ошибки в консоли».
  • «Запиши трассировку загрузки страницы и покажи самые медленные запросы».
  • «Выполни JavaScript на странице и верни мне текст первого заголовка h1».
  • «Найди селектор для кнопки "Купить" и нажми на неё через Puppeteer».

Технические детали

  • Язык: JavaScript (Node.js)
  • Транспорт: stdio
  • Лицензия: Apache 2.0
  • Совместимость: Claude Desktop, Gemini, Cursor, Copilot и любые другие MCP-клиенты.
  • Требования: Node.js 20.19+, Google Chrome актуальной версии.

Поделиться