NEW Google Chrome Dev Tools MCP is INSANE!

Google только что выпустил нечто, что навсегда изменит ваш подход к написанию кода. Ваш ИИ теперь может видеть, что происходит в вашем браузере. Он может нажимать кнопки, заполнять формы, читать ошибки в консоли, автоматически исправлять ошибки. Это не теория. Это работает прямо сейчас, и я собираюсь показать вам, как именно этим пользоваться. Мы говорим о Chrome Dev Tools MCP. Это совершенно новый продукт от Google, и он вас поразит. Привет, если мы еще не знакомы, я — цифровой аватар Джулиана Голди, генерального директора SEO-агентства Goldie Agency. Пока он помогает клиентам получать больше лидов и клиентов, я здесь, чтобы помочь вам получать последние обновления ИИ. Слушайте, я только что протестировал кое-что, что заставило меня отложить все, чем я занимался. Google выпустил инструмент под названием Chrome DevTools MCP. И эта штука абсолютно безумна. Позвольте мне объяснить, что такое MCP на самом деле. MCP расшифровывается как Model Context Protocol. Это открытый стандарт, который подключает ИИ-помощников к внешним инструментам. Представьте себе это так. Ваш ИИ может писать код, но он не видит, что происходит, когда этот код выполняется. По сути, он кодирует вслепую. Это старый способ. С Chrome DevTools MCP ваш ИИ получает глаза. Он может видеть браузер, управлять им, тестировать вещи, отлаживать проблемы так же, как вы делали бы это вручную, только это происходит автоматически и намного быстрее. Google только что запустил публичную предварительную версию в сентябре 2025 года. Это совершенно новое. Пакет npm — это версия 0.30. Вы можете установить его прямо сейчас. Вот что он вам дает. Инструменты навигации. Ваш ИИ может открывать страницы и ждать загрузки элементов. Инструменты автоматизации для нажатия кнопок и заполнения форм. Трассировка производительности для автоматической записи и анализа трассировок. Мониторинг консоли для чтения всех ошибок в реальном времени. Инспекция сети для перечисления всех запросов и поиска сбоев. Это все, что вы используете в DevTools. Теперь, вот настройка. Вам нужен Node.js версии 22 или выше. Последняя стабильная версия браузера Chrome. Вот и все. Установка проста. Вы можете запустить его с помощью NPX или настроить в своем ИИ-клиенте. Работает с Claude Code. Работает с Cursor. Работает с Gemini CLI. Работает с GitHub Copilot. Вы просто добавляете сервер MCP, указываете на npx Chrome DevTools MCP latest. Затем вы его запускаете. Он запускает экземпляр Chrome. Ваш ИИ подключается к нему. И вуаля. Теперь ваш ИИ имеет контроль над браузером. Вы можете запускать его в режиме headless без видимого окна браузера, или вы можете наблюдать за его работой. Я рекомендую наблюдать за ним первые несколько раз, потому что, честно говоря, дико видеть, как ваш ИИ-помощник буквально управляет вашим браузером, как это сделал бы человек. Теперь, прежде чем я покажу вам демонстрацию, я хочу рассказать вам кое о чем. Если вы серьезно относитесь к масштабированию своего бизнеса с помощью ИИ, вам нужно ознакомиться с моим AI Profit Boardroom. Здесь я помогаю владельцам бизнеса сэкономить сотни часов и тысячи долларов с помощью автоматизации ИИ. Внутри вы узнаете, как автоматизировать весь свой рабочий процесс, генерировать лиды на автопилоте, масштабироваться быстрее, чем когда-либо. У нас есть примеры из практики, проверенные системы, сообщество людей, которые делают это прямо сейчас. Ссылка в описании. Перейдите по ссылке на school.com/iprofitlab. Хорошо, вернемся к демонстрации. Позвольте мне показать вам, как это работает в реальной жизни. Я настроил локальный сервер разработки, работающий на localhost, порт 8080. Простая форма входа, поле для имени пользователя, поле для пароля, кнопка отправки. Но форма сломана. Я открываю своего ИИ-помощника. Я ввожу этот запрос. Проверь форму входа на localhost 880. Заполни ее тестовыми данными. Выясни, почему отправка не удалась. Я нажимаю Enter. ИИ начинает работать. Открывается окно браузера. Переходит на localhost 8080. ИИ заполняет поле имени пользователя. Заполняет поле пароля. Нажимает кнопку отправки. Форма пытается отправиться. Запрос уходит. Возвращается с ошибкой. 500 Internal Server Error. ИИ видит это на вкладке сети. Он также проверяет консоль. В консоли отображается сообщение об ошибке. Не удалось отправить POST-запрос на /Aapi/login. ИИ читает все это. Затем он точно определяет, в чем проблема. Путь конечной точки неверен. Он пытается отправить POST-запрос на /API/login, но мой сервер ожидает /AI/submit login. Это ошибка. Это сила Chrome DevTools MCP. Ваш ИИ больше не просто угадывает. Он видит фактическое поведение во время выполнения, тестирует реальные сценарии, читает реальные ошибки, предлагает реальные исправления, а затем проверяет, действительно ли эти исправления работают. Позвольте мне привести еще несколько примеров использования. Оптимизация производительности. Ваша страница загружается медленно. Попросите вашего ИИ выполнить трассировку производительности. Он записывает, загружает вашу страницу, останавливает трассировку, анализирует результаты, а затем точно говорит вам, что замедляет работу. Возможно, у вас есть блокирующие рендеринг скрипты. Возможно, изображения не оптимизированы. ИИ видит все это, дает вам действенные рекомендации, ошибки проверки форм. У вас есть сложная форма оформления заказа, несколько шагов. Пользователи сообщают, что не могут завершить оформление заказа. С помощью Chrome DevTools MCP вы говорите своему ИИ пройти весь процесс оформления заказа. Он идет шаг за шагом. Если какой-либо шаг не удается, он обнаруживает это, читает ошибку, точно говорит вам, какая проверка нарушена. Сетевые ошибки и проблемы COS. Это боль при отладке. С помощью ChromeDev Tools MCP ваш ИИ видит точный сетевой запрос, читает ошибку COS, проверяет заголовки, точно говорит вам, чего не хватает. Вы добавляете заголовок, тестируете снова, проблема решена. Теперь позвольте мне рассказать о некоторых важных вещах, которые вам нужно знать. Во-первых, это публичная предварительная версия. Google разрабатывает это поэтапно. Некоторые функции могут отсутствовать. Это нормально. Это по-прежнему невероятно мощно, и это будет только улучшаться. Во-вторых, вам нужно актуальное программное обеспечение. Node.js версии 22 или выше. Последний стабильный Chrome. Обновите свои инструменты при необходимости. В-третьих, безопасность имеет значение. Chrome Dev Tools. MCP дает вашему ИИ контроль над экземпляром браузера. Не используйте это с конфиденциальными данными. Не подключайте его к своему основному профилю браузера. Используйте изолированный режим. Создайте отдельную директорию пользовательских данных. Держите свое личное браузерное пространство отдельно. Я тестировал это в течение последней недели, и я не собираюсь возвращаться. Каждую ошибку, которую мне нужно отладить, я начинаю с Chrome DevTools MCP. Это экономит мне часы каждый день. Часы, которые я могу потратить на работу с высокой ценностью, стратегию, архитектуру, решение сложных проблем, а не на бесконечное заполнение форм. Вот что вам нужно сделать прямо сейчас. Во-первых, установите Node.js версии 22, если у вас его нет. Во-вторых, убедитесь, что ваш Chrome обновлен. В-третьих, выберите ИИ-помощника по кодированию. Claude Code отлично подходит. Cursor работает хорошо. Gemini CLI надежен. В-четвертых, установите Chrome DevTools MCP. Запустите команду MPX или добавьте ее в свою конфигурацию. В-пятых, протестируйте его на чем-нибудь простом. Локальный сервер разработки, форма, кнопка, посмотрите, как это работает. Будущее кодирования — это не просто написание кода. Это написание кода, который автоматически тестируется, автоматически отлаживается, автоматически оптимизируется с реальной обратной связью браузера, реальными данными выполнения, реальными пользовательскими сценариями. Вот что обеспечивает Chrome DevTools MCP, и именно поэтому это безумие. Джулиан Голди читает каждый комментарий, поэтому обязательно оставьте комментарий ниже и дайте мне знать, что вы думаете об этом. Собираетесь ли вы попробовать Chrome DevTools MCP? Какие ошибки вы собираетесь отладить в первую очередь? Оставьте комментарий. Давайте поговорим об этом. Теперь, если вы хотите вывести свои навыки работы с ИИ на новый уровень, вам нужно ознакомиться с бесплатной AI Money Lab с Джулианом Голди. Внутри вы получите более 50 бесплатных ИИ-инструментов и более 200 SEO-промптов для ChatGPT. Вы узнаете, как зарабатывать деньги с помощью ИИ-агентов. Получите доступ к более чем 1000 бесплатных рабочих процессов N8N, более 200 промптов ChatGPT, полному руководству по генерации тысяч лидов бесплатно с помощью ИИ. Что вы также получите, это бесплатное ИИ-сообщество, бесплатный ИИ-курс, проверенные ИИ-кейсы. Это все, что вам нужно для масштабирования вашего бизнеса с помощью ИИ. Ссылка в описании. Перейдите по ней прямо сейчас. И если вы серьезно относитесь к масштабированию, присоединяйтесь к моему AI Profit Boardroom на school.com/iprofitlab. Здесь я помогаю владельцам бизнеса сэкономить сотни часов и тысячи долларов с помощью автоматизации ИИ. У нас есть системы, сообщество, примеры из практики, все, что вам нужно для создания настоящего бизнеса на базе ИИ. Chrome DevTools MCP — это только начало. Мы вступаем в эру, когда ИИ не просто пишет код. Он тестирует код, отлаживает код, оптимизирует код, все автоматически, все в реальном времени. Это будущее, и оно доступно прямо сейчас. Не пропустите это. Будьте впереди. Установите его сегодня. Начните тестировать. Начните создавать. Начните выпускать лучший код быстрее. Установите Chrome DevTools MCP прямо сейчас. Протестируйте его на своей следующей ошибке. Посмотрите, сколько времени это вам сэкономит. Затем вернитесь и расскажите мне об этом. Оставьте комментарий. Поделитесь своим опытом. Давайте вместе строить будущее. Спасибо за просмотр, и увидимся в следующем выпуске.