Что нового в инструментах разработчика (Chrome 149)

Matthias Rohmer

Опубликовано: 2 июня 2026 г.

В Chrome 149 внесены существенные улучшения в работу ИИ-помощника, представлены экспериментальные инструменты отладки WebMCP на панели приложений, а также расширена поддержка автозавершения кода для CSS.

Инструменты разработчика для агентов

Сервер MCP и интерфейс командной строки Chrome DevTools для агентов теперь официально стабильны! Полное объявление можно прочитать здесь .

В версию 1.1.1 добавлены следующие ключевые функции и новые инструменты:

• Пользовательские инструменты отладки от сторонних разработчиков, доступные непосредственно на страницах: теперь страницы могут определять собственные инструменты отладки с помощью JavaScript, которые можно обнаружить и вызвать с помощью DevTools для агентов.
• Отладка WebMCP: теперь инструменты разработчика для агентов могут отображать и запускать инструменты WebMCP .
• Эмуляция пользовательских HTTP-заголовков: добавляет поддержку HTTP-заголовков (таких как токены аутентификации или пользовательские User-Agent) в инструмент эмуляции.

Инструменты сторонних разработчиков и отладка WebMCP пока находятся в экспериментальной стадии и не включены по умолчанию. Информацию об их использовании можно найти в справочнике инструментов . Более подробная документация будет доступна на developer.chrome.com, как только эти функции станут доступны для использования в производственной среде.

Чтобы быть в курсе последних обновлений DevTools для агентов и внести свой вклад, посетите репозиторий GitHub . Начните работу с нашей документацией или ознакомьтесь с подробным видеосессией Google I/O. Ускорьте свой рабочий процесс кодирования ИИ с помощью Chrome DevTools для агентов .

ИИ-помощь

Панель помощи с использованием ИИ получила значительное обновление пользовательского интерфейса и новые инструменты для улучшения диалогового взаимодействия и предоставления более подробной информации о страницах:

• Обзор для агентов: теперь ИИ-помощь отображает виджеты непосредственно в интерфейсе чата, а не в виде обычного текста Markdown. Эти виджеты содержат информацию о ключевых показателях веб-активности (Core Web Vitals) и связанных с ними данных, элементах LCP, разбивке LCP, активности в нисходящих потоках и многом другом. Ссылка «Показать» внутри виджета ведет к источнику этой информации в инструментах разработчика.
• Копировать в программу для программирования : Теперь в конце каждой беседы появляется специальная кнопка для копирования разговора, либо в виде краткого изложения в виде подсказки, либо в дословном виде, чтобы вы могли вставить его в выбранную вами программу для программирования.
• Расширенные возможности : теперь ИИ-помощник имеет доступ к Lighthouse и связанным с ним аналитическим данным, что позволяет ему комплексно анализировать вашу страницу и давать целенаправленные рекомендации.
• Улучшенные ответы : благодаря встроенной системе Gemini 3 и усовершенствованным преамбулам, система искусственного интеллекта предоставляет более краткие и действенные ответы.
• Улучшенная навигация: теперь вы можете перемещаться по предыдущим запросам чата с помощью клавиш «Стрелка вверх» и «Стрелка вниз» , что делает уточнение или повторное выполнение предыдущих запросов быстрым и интуитивно понятным.

Поделитесь своим мнением, оставив комментарий в специальном разделе для обратной связи . В пользу функции «Копировать в код агента» мы прекратим поддержку автоматического исправления стилей с помощью ИИ в Chrome 152.

ВебМКП

В этом выпуске представлены экспериментальные инструменты отладки WebMCP в боковой панели панели приложения . WebMCP (Web Model Context Protocol) позволяет веб-страницам регистрировать инструменты, которые будут использоваться агентами LLM, посещающими эти страницы. Подробнее о предлагаемом стандарте можно узнать в нашей документации .

Новые инструменты отладки позволяют разработчикам:

• Проверьте клиентские инструменты и их схемы.
• Запуск инструментов вручную с использованием пользовательских параметров.
• Отслеживайте и фильтруйте активные или ожидающие события вызова инструментов.
• Отслеживайте состояние выполнения и проверяйте возвращаемые полезные нагрузки.

WebMCP — это предлагаемый веб-стандарт, находящийся на стадии предварительного просмотра. Включите флаги #devtools-webmcp-support и #enable-webmcp-testing в chrome://flags, чтобы начать экспериментировать.

Проблемы с Chromium: 494516094

Автозавершение кода для CSS

Вкладка «Стили» теперь включает автозаполнение кода CSS с помощью Gemini, что дополняет поддержку панелей «Консоль» и «Источники» . Включите подсказки кода в разделе «Настройки» > «Инновации в области ИИ» > «Подсказки кода» .

Это позволяет экспериментировать со сложными комбинациями свойств CSS, такими как градиенты или тени блоков, не запоминая их точный синтаксис. Или быстро создавать макеты на основе сетки и гибкой компоновки, используя множество связанных свойств.

На панели инструментов внизу вкладки «Стили» отображается статус в виде индикатора загрузки. Подсказки обновляются или удаляются по мере ввода текста, гарантируя, что сгенерированный ИИ текст останется актуальным для ваших ручных правок.

Рекомендации APCA по цветовому контрасту получили статус стабильных.

Усовершенствованный алгоритм перцептивного контраста (APCA) официально вышел из экспериментальной фазы и теперь доступен в качестве стандартной настройки предпочтений. APCA заменяет устаревшие рекомендации по контрасту AAA/AA современной моделью перцептивного контраста, оптимизированной для современных дисплеев и отображения текста.

Теперь вы можете включить или отключить рекомендации APCA, используя флажок, расположенный в разделе «Настройки» > «Предпочтения» > «Элементы» > «Включить рекомендации APCA по контрасту» .

Агент пользователя в режиме динамического устройства

В режиме адаптивного дизайна ранее использовалась жестко закодированная строка User Agent (Android 6.0; Nexus 5). Это приводило к ухудшению функциональности современных веб-сайтов или активации режимов совместимости, поскольку сообщаемая ОС распознавалась как устаревшая более чем на десятилетие.

Жестко закодированный пользовательский агент был заменен динамической эвристикой, которая автоматически обновляется в зависимости от текущего календарного года, гарантируя, что DevTools всегда будет сообщать о правдоподобной, современной среде без необходимости ручного обслуживания.

Другие важные моменты

В этом релизе представлен ряд небольших улучшений и исправлений ошибок:

• Консоль : Добавлена ​​кнопка переключения «Свернуть/Развернуть все» на панель инструментов консоли, позволяющая быстро развернуть или свернуть все активные группы консоли и трассировки стека одновременно. ( 427657550 )
• Приложение : В представлении метаданных приложения статический текст в полях сегментов хранения заменен кликабельными гиперссылками. Щелчок по ссылке на сегмент автоматически переходит к этому конкретному сегменту и выделяет его на боковой панели «Сегменты хранения» . ( 435311130 )
• Приложение : Восстановлена ​​поддержка полной проверки хранилища для Service Workers после устранения регрессии, приводящей к сбою. ( 406991275 , 466134219 )
• Приложение : Добавлена ​​поддержка проверки событий предварительной отрисовки form_submission в панели предварительной загрузки. ( 346555939 , 488078903 )
• Приложение : Реализовано управление учетными данными сеанса, привязанными к устройству (DBSC), позволяющее разработчикам очищать или удалять активные сеансы из контекстного меню или нажатием клавиш Delete или Backspace . ( 471017387 )
• Элементы : Подсветка узлов DOM, представляющих скрытые задачи на панели «Задачи», теперь динамически обновляется (появляется или исчезает) в ответ на действия фильтра задач. ( 40272723 )
• Сеть : События, отправляемые сервером (SSE), теперь полностью сериализованы и включены в экспорт HAR, что позволяет сохранять и повторно импортировать в DevTools текущие потоки событий в реальном времени. ( 494294071 )
• Производительность : Исправлена ​​ошибка отслеживания Core Web Vitals в представлении Live Metrics, из-за которой отслеживание строго привязывалось к контексту выполнения основного фрейма, что предотвращало сброс метрик из-за динамического переключения iframe. ( 494350655 )
• Производительность : Обновлен web-vitals до версии 5.2.0, добавлены собственные исправления из исходного кода для устранения утечек памяти во время мониторинга INP. ( 484342204 )