Скачать или смотреть Chrome DevTools MCP от Google: это ЛУЧШИЙ И САМЫЙ ПОЛЕЗНЫЙ MCP от Google! В 10 раз лучше кодинг!

Посетите NinjaChat: https://ninjachat.ai/
Посетите ByteRover: https://www.byterover.dev/?source=ack13

В этом видео я расскажу вам о новом сервере Chrome DevTools MCP от Google — как он внедряет настоящие инструменты разработчика в ИИ-ассистентов по программированию — и покажу настройку с помощью Gemini CLI и Kilo + GLM для отладки, трассировки производительности и автоматизированного веб-тестирования.

--
Ключевые выводы:

🚀 Google запустил сервер Chrome DevTools MCP (публичная предварительная версия), который позволяет использовать инструменты разработчика непосредственно в ИИ-ассистентах по программированию.
🧭 Агент может переходить по URL-адресам или локальному хосту, проверять консоль/DOM и запускать проверку производительности.
⚡ Инструмент трассировки запуска производительности позволяет агентам измерять LCP и анализировать производительность, а затем предлагать улучшения.
🧪 Отлично работает с Gemini CLI для исследований и веб-проверок; Он бесплатный и оптимизирован для MCP, хотя и не идеален для тяжёлого кодирования.
🧰 Простая настройка с Kilo + GLM (например, GLM-4.6): вставьте конфигурацию DevTools MCP в Project/Global MCP settings и вперёд.
🔁 Автоматизирует повторяющиеся задачи — навигацию, заполнение форм, воспроизведение ошибок и тестирование сложных потоков во время выполнения.
🎯 Отладка CSS/DOM в реальном времени помогает исправить проблемы с макетом (например, переполнение) с помощью конкретных предложений, генерируемых агентом.
🧠 Хорошо сочетается с Context7 (извлечение документов) и ByteRover (общий уровень памяти, отслеживающий изменения, как Git).
✅ Лёгкий, официально поддерживаемый Google, повышает производительность длительных задач и будет постоянно пополняться новыми инструментами.

--
Временные метки:

00:00 — Введение
00:07 — Что такое Chrome DevTools MCP?
03:35 — NinjaChat (спонсор)
04:25 — Настройка и использование с Kilo + GLM-4.6
08:13 — Завершение