Отладка сайта в вашем Chrome

BrowserTools MCP

Инструмент для разработчиков: передаёт ИИ-помощнику то, что показывают инструменты разработчика Chrome на странице, где вы уже вошли. Удобно искать ошибки в своём сайте.

Как подключитьОткрыть на GitHub (откроется в новой вкладке)

Что умеет

Действия, которые сервер открывает для ИИ. Моноширинным шрифтом — их технические названия.

  • Читает сообщения и ошибки консолиgetConsoleLogs · getConsoleErrors
  • Показывает сетевые запросы и неудачные ответыgetNetworkLogs · getNetworkErrors
  • Делает скриншот и перезагружает вкладкуtakeScreenshot · refreshBrowser
  • Проверяет скорость, доступность и SEO страницыrunPerformanceAudit · runAccessibilityAudit · runSEOAudit · runBestPracticesAudit
  • Показывает выбранный элемент и открытые вкладкиgetSelectedElement · listBrowserTabs · getPageInfo

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

Скопируйте и отправьте в чат после подключения.

Посмотри консоль на открытой странице и объясни, откуда эта ошибка.

Проверь доступность этой страницы и перечисли, что исправить в первую очередь.

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

Выберите приложение, в котором работаете с ИИ.

  1. Понадобится: Node.js 22.19 или новее, Google Chrome.
  2. Скачайте репозиторий с GitHub.
  3. Откройте chrome://extensions, включите режим разработчика, нажмите «Загрузить распакованное» и выберите папку chrome-extension.
  4. Откройте инструменты разработчика (F12) на нужной странице — сбор данных начнётся сразу.
  5. Откройте Claude → Настройки → Разработчик → «Изменить конфиг».
  6. Вставьте блок ниже в файл. Если в файле уже есть «mcpServers», добавьте внутрь только ваш сервер.
  7. Сохраните файл и перезапустите Claude — в чате появится значок подключённых инструментов.
claude_desktop_config.json
{
  "mcpServers": {
    "browser-tools": {
      "command": "npx",
      "args": [
        "-y",
        "@agentdeskai/browser-tools-mcp@latest"
      ]
    }
  }
}

Если что-то не работает, выполните `npx @agentdeskai/browser-tools-mcp --doctor` — команда покажет, чего не хватает. Если клиент на Windows не находит npx, используйте команду cmd с аргументами /c npx -y @agentdeskai/browser-tools-mcp@latest.

Безопасность

ИИ видит всё, что происходит на вкладке: запросы, ответы и данные страницы. Пароли и токены сервер скрывает, но не открывайте инструменты разработчика на страницах с личными данными без нужды.

Похожие серверы

Открывает страницу по ссылке и превращает её в чистый текст. Удобно, чтобы пересказать длинную статью или сравнить несколько материалов.

БраузерБез ключаОфициальный

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

ФайлыБез ключаОфициальный

ИИ смотрит историю проекта в Git, показывает, что поменялось в файлах, создаёт ветки и сохраняет изменения коммитом с понятным описанием.

КодБез ключаОфициальный