BrowserTools MCP
Консоль, сеть, скриншоты и аудиты Lighthouse из вашего открытого Chrome прямо в агент через расширение DevTools
Установка
{
"mcpServers": {
"browser-tools": {
"command": "npx",
"args": ["-y", "@agentdeskai/browser-tools-mcp@latest"]
}
}
}В Windows используйте command cmd и args /c npx -y @agentdeskai/browser-tools-mcp@latest.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Сервер вместе с расширением Chrome передает агенту то, что происходит на вкладке с открытыми DevTools: логи консоли, ошибки, сетевые запросы с телами, выбранный элемент и хранилище. Агент может сделать скриншот, перезагрузить вкладку и запустить аудиты доступности, производительности, SEO и лучших практик на базе Lighthouse. В отличие от серверов автоматизации, он работает с вашей обычной сессией, где вы уже вошли в приложение. Большие объемы данных отдаются как MCP-ресурсы, а заголовки авторизации и токены вычищаются до передачи.
Для кого. Для фронтенд-разработчиков, которые отлаживают приложение в браузере вместе с агентом.
Подходит, если
- Нужно показать агенту ошибки консоли и упавшие запросы на живой странице
- Отладка требует авторизованной сессии, которую сложно воспроизвести
- Нужен быстрый аудит доступности или производительности страницы
Не подходит, если
- Нужно писать и гонять автотесты в чистом браузере
- Используете Firefox: поддержка не проверена
Пример запроса к агенту
Посмотри ошибки в консоли на открытой странице и проверь, какие запросы к API упалиОграничения
Нужны Node 22.19 или новее и расширение, загруженное вручную в режиме разработчика. Сеть пишется только после открытия DevTools. Аудиты запускают отдельный Chromium и идут до минуты. Версия 1.2.x содержит критическую уязвимость, обновляйтесь до 2.0.
Как отключить. Удалите блок browser-tools из конфигурации MCP и удалите расширение на странице chrome://extensions.
MCP
- Транспорт
- stdio
- Авторизация
- не нужна
| Переменные окружения | |
|---|---|
| CHROME_PATH | Путь к браузеру на базе Chromium для аудитов |
Проверка безопасности
- Читает данные авторизованной браузерной сессии, включая тела запросов и хранилище
- Требует расширение с доступом к DevTools
Коротко о README
README начинается с предупреждения о переписанной версии 2.0 и уязвимости в 1.x. Установка состоит из конфигурации MCP через npx и ручной загрузки расширения. Приведена таблица инструментов, описаны работа с несколькими вкладками, ресурсы для больших данных и параметры пагинации. Отдельно разобраны меры безопасности, флаги запуска и известные ограничения. Лицензия MIT.
Частые вопросы
Чем отличается от Playwright MCP?
Playwright MCP управляет отдельным автоматизированным браузером, а этот сервер читает вашу текущую сессию Chrome с логинами.
Нужно ли запускать второй сервер?
В версии 2.0 нет, MCP-сервер сам поднимает коннектор.
Похожие
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой
Три плагина со скиллами для Google Stitch: генерация экранов, перенос кода в дизайн и сборка React из макетов