Repolode
Предложить
AgentDeskAI

AgentDeskAI/browser-tools-mcp

MCP-сервер и расширение для Chrome, которые дают AI-агентам для программирования доступ к логам консоли, сетевому трафику, скриншотам и аудитам Lighthouse из вашей авторизованной сессии Chrome.

Открыть на GitHubСайт
Звёзды
7,332
Форки
536
Открытые issues
2
Последний коммит
8 дней назад

Что это?

BrowserTools MCP позволяет AI-агенту для программирования проверять страницу, с которой вы сейчас работаете. Он подключается к вашей текущей сессии Chrome через расширение DevTools, поэтому вам не нужно выходить из аккаунта, и передаёт логи консоли, сетевую активность, скриншоты и результаты аудита Lighthouse любому совместимому с MCP клиенту, например Cursor, Claude Code, Windsurf, Cline, Zed или Gemini CLI.

Проект предназначен для отладки работающих приложений, а не для написания автоматизированных тестов. Серверы, ориентированные на автоматизацию, например Chrome DevTools MCP или Playwright MCP, запускают браузер с чистым профилем, поэтому перед отладкой приходится заново входить в аккаунты. BrowserTools использует уже открытую сессию. Для настройки достаточно запустить одну команду MCP-сервера и загрузить входящее в комплект расширение как распакованное расширение Chrome; сервер сам запускает коннектор.

Сервер привязывается только к loopback-интерфейсу, для HTTP API требует отдельный токен на каждый запуск и удаляет из собранных данных учётные данные — например, заголовки Authorization и Cookie — и распространённые форматы токенов. Вкладки с открытым DevTools отслеживаются отдельно, а большие данные предоставляются как ресурсы MCP и попадают в контекст агента только по запросу.

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

  • 01Передаёт логи консоли, ошибки и сетевые запросы из текущей вкладки Chrome.
  • 02Делает скриншоты и возвращает их агенту как изображения.
  • 03Запускает аудиты Lighthouse на доступность, производительность, SEO и соответствие лучшим практикам.
  • 04Удаляет учётные данные из собранных заголовков и строк до передачи данных из браузера.
  • 05Отслеживает вкладки по отдельности и позволяет инструментам обращаться к конкретной вкладке по её ID.
  • 06Поддерживает фильтрацию и постраничную выдачу логов, чтобы ответы оставались небольшими.

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

  • Попросить агента найти причину ошибок консоли на странице, где вы авторизованы.
  • Разобраться с неудачными или медленными API-запросами при локальной разработке веб-приложения.
  • Запустить аудит Lighthouse страницы без настройки отдельного тестового профиля.
  • Попросить агента проверить изменение интерфейса по скриншоту работающей страницы.

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

  1. 1

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

    npx -y @agentdeskai/browser-tools-mcp@latest
  2. 2

    Скачайте или клонируйте репозиторий

  3. 3

    На странице chrome://extensions включите режим разработчика и загрузите распакованную папку chrome-extension

  4. 4

    Откройте Chrome DevTools (F12) на странице, которую хотите проверить

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

  • Требуется Node версии 22.19 или новее.
  • Firefox не проверялся и считается неподдерживаемым.
  • Захват сетевого трафика записывает только запросы, сделанные после открытия DevTools.

В подборках

Инструменты, навыки и плагины для Claude CodeИИ-ассистенты и агенты для программированияMCP-серверыРасширения для Chrome и браузеров

Темы

#mcp#browser-debugging#chrome-extension#lighthouse#developer-tools#ai-coding#console-logs#network-debugging#ai#anthropic

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

Что такое browser-tools-mcp?
MCP-сервер и расширение для Chrome, которые дают AI-агентам для программирования доступ к логам консоли, сетевому трафику, скриншотам и аудитам Lighthouse из вашей авторизованной сессии Chrome. BrowserTools MCP позволяет AI-агенту для программирования проверять страницу, с которой вы сейчас работаете. Он подключается к вашей текущей сессии Chrome через расширение DevTools, поэтому вам не нужно выходить из аккаунта, и передаёт логи консоли, сетевую активность, скриншоты и результаты аудита Lighthouse любому совместимому с MCP клиенту, например Cursor, Claude Code, Windsurf, Cline, Zed или Gemini CLI.
browser-tools-mcp можно использовать бесплатно? Какая у него лицензия?
browser-tools-mcp распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
browser-tools-mcp всё ещё поддерживается?
Активно поддерживается. Последний коммит в browser-tools-mcp — 16 окт. 2026 г..
Для чего можно использовать browser-tools-mcp?
Попросить агента найти причину ошибок консоли на странице, где вы авторизованы. Разобраться с неудачными или медленными API-запросами при локальной разработке веб-приложения. Запустить аудит Lighthouse страницы без настройки отдельного тестового профиля. Попросить агента проверить изменение интерфейса по скриншоту работающей страницы.
Как установить browser-tools-mcp?
Добавьте MCP-сервер в конфигурацию MCP-клиента: npx -y @agentdeskai/browser-tools-mcp@latest Скачайте или клонируйте репозиторий На странице chrome://extensions включите режим разработчика и загрузите распакованную папку chrome-extension Откройте Chrome DevTools (F12) на странице, которую хотите проверить
Где скачать browser-tools-mcp?
Исходный код и инструкции по установке — на GitHub: https://github.com/AgentDeskAI/browser-tools-mcp

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

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

jarrodwatts / claude-hud

Плагин для Claude Code, который выводит актуальную строку состояния: использование контекста, лимиты, активные инструменты, запущенных агентов и прогресс по задачам.

Инструменты разработчика#claude-code#statusline#cli
28,8 тыс.+65 за неделю1,3 тыс.JavaScriptMITОбновлён 20 часов назад