Chrome DevTools MCP — дайте AI-агенту глаза в браузере за 10 минут
Google открыл Chrome DevTools MCP. Это MCP-сервер на Apache-2.0, который даёт любому AI-агенту контроль над живым Chrome. Работает с Claude Code, Cursor, Cline, Zed, Gemini CLI, любым MCP-клиентом, который есть у вас под рукой.
Что меняется. До этого момента AI генерировал код вслепую. Не видел, что показывает страница, когда его код запускается. Просто писал и надеялся. С Chrome DevTools MCP Claude видит DOM, читает консоль браузера, инспектирует сеть, делает скриншоты. Понимает, почему форма не отправляется или почему кнопка не реагирует на клик.
Это не «новая фича для разработчиков». Это базовая инфраструктура для бизнес-автоматизации, которая раньше стоила денег.
Почему это конкурирует с UiPath и Power Automate
Класс задач «автоматизировать рутинные web-сценарии» закрывался десятилетие RPA-инструментами. UiPath, Power Automate, Automation Anywhere. Цена входа: от 5 тысяч долларов в год за рабочее место для small business, плюс лицензии на enterprise-функции, плюс обучение.
Тот же класс задач Chrome DevTools MCP закрывает бесплатно. Apache-2.0, GitHub, Node.js, развернётся за 10 минут на любой машине. AI-агент через MCP-протокол получает те же возможности, что давал UiPath Studio: навигация, клики, заполнение форм, чтение страниц, перетаскивание элементов, эмуляция пользовательских сессий.
Под капотом работает puppeteer. Это значит: библиотека прошла семь лет продакшен-использования в Google и не является экспериментальной. Это не «обещание стабильности», а уже доказанный фундамент.
Установка за 10 минут
Шаги для разработчика или системного администратора:
- В Claude Code (или Cursor, или Cline) добавить MCP-сервер chrome-devtools-mcp в конфигурационный файл. Одна строка в JSON.
- Запустить Chrome с флагом отладки (--remote-debugging-port=9222).
- Дать AI-агенту задачу, в которой явно упомянуть «через браузер» или «на странице X».
Дальше агент сам подключится к Chrome, прочитает DOM, выполнит действие. Если что-то не сработало, увидит ошибку в консоли и попробует другой подход. Это закрывает классическую боль RPA: жёсткие скрипты ломаются при малейшем изменении интерфейса. AI-агент с DevTools-доступом адаптируется, потому что видит реальную страницу, а не выученный селектор.
Три рабочих сценария для среднего бизнеса
Проверка конкурентов. Раз в неделю агент заходит на 5-10 сайтов конкурентов, читает прайсы, акции, новости, изменения в продуктовых страницах. Собирает в таблицу. Выкатывает отчёт в Telegram или почту. Замена на работу маркетолога-аналитика: 6-10 часов в неделю на одного сотрудника.
Тестирование своего сайта. После каждого деплоя агент проходит критичные пути: регистрация, оформление заказа, оплата, восстановление пароля. Видит сломанные формы, неработающие редиректы, медленную загрузку. Это не замена QA-инженеру, но снимает с него рутину «проверь, что после деплоя ничего не сломалось». Окупается за неделю.
Рутинные web-формы. Это самая большая категория. Заполнение CRM из входящих писем. Обновление статусов заказов в админке партнёра. Прогон отчётов в личном кабинете банка. Выгрузка данных из Bitrix24. Если у вашей компании есть 5+ сотрудников, которые тратят час в день на «зайти в админку и обновить статус», это 25 часов в неделю чистого ROI.
Что НЕ работает
Будьте честны с границами. Chrome DevTools MCP не решает три типа задач.
Первая: сложная авторизация с многофакторкой. Если на сайте есть SMS-код, физический ключ, биометрия, агент не пройдёт. Решается отдельно через session-cookies или дедикейтед-аккаунт.
Вторая: задачи с человеческим суждением «лучше» или «хуже». Агент справится с «зайти и собрать прайсы», не справится с «посмотри страницу конкурента и оцени, насколько у них дизайн лучше нашего». Для оценочных задач нужен второй слой: визуальный анализ через мультимодальную модель.
Третья: визуальный контроль качества рендеринга. Скриншоты агент делает, но «отличается ли этот шрифт от того» он не оценит. Это пока работа человека.
Связка с другими MCP-инструментами
Chrome DevTools MCP это один из ~150 публичных MCP-серверов в экосистеме на сегодня. Реальная сила: связка с другими.
Пример. Агент через GitHub MCP видит, что пришёл pull request. Через Chrome DevTools MCP открывает preview-deployment, проходит критичные пути, делает скриншоты. Через Slack MCP кидает результат в канал команды. Через Linear MCP создаёт тикет, если нашёл баг. Один AI-агент, четыре сервера, ноль ручной работы.
Это и есть переход от «AI как чат-помощник» к «AI как операционная единица в команде». Не вместо людей, а в качестве отдельного сотрудника, который закрывает рутину.
Что делать на этой неделе
Если в вашей компании есть разработчики или техническая команда, дайте задачу на час: «поставьте Chrome DevTools MCP, прогоните один наш регулярный web-сценарий через него, замерьте, сколько времени экономит». Через неделю у вас будет первый кейс с цифрами.
Если технической команды нет, найдите подрядчика-фрилансера. Реалистичная цена: 10-30 тысяч рублей за установку плюс настройку одного сценария. Если ROI окупит за 2-3 месяца, это разумная инвестиция. Если нет, не делайте.
Что под этим стоит
Chrome DevTools MCP это не локальная новость про инструмент. Google публично сертифицирует MCP-протокол как стандарт. До этого MCP был «инициативой Anthropic с открытым стандартом». Теперь это Apache-2.0 от Google + поддержка в Claude, Cursor, Cline, Zed, Gemini CLI. Это категория, которая зацементировалась.
Через 12 месяцев фраза «у меня в стеке нет MCP» будет звучать так же, как сейчас «у меня нет API» от компании, которая хочет интеграции. Это новый базовый слой.
Источники:
developer.chrome.com/blog/chrome-devtools-mcp, GitHub ChromeDevTools/chrome-devtools-mcp, Addy Osmani («Give your AI eyes»).
Больше разборов AI для бизнеса. в Telegram: https://t.me/gorilla_under_hood