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

Matthias Rohmer

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

В Chrome 150 улучшена отладка памяти в инструментах разработчика для агентов, расширены возможности помощи ИИ за счет добавления новых виджетов, а также добавлены полные возможности редактирования правил CSS @container и @function .

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

В последних версиях, вплоть до v1.4.0 , Chrome DevTools для агентов значительно расширил свои возможности автоматизации браузера и отладки.

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

• Пакет инструментов для отладки памяти ( --experimentalMemory ): Теперь агенты могут напрямую захватывать и анализировать снимки кучи V8 для диагностики утечек памяти JavaScript и анализа иерархий хранения объектов.
• Управление расширениями Chrome ( --categoryExtensions ): Агенты могут управлять жизненным циклом расширений (установка, удаление, перезагрузка, отображение списка) и собирать журналы консоли фоновых сервисных работников для диагностики.
• Встроенные навыки агента: каталог skills/ теперь публикуется непосредственно в дистрибутиве пакета npm, что позволяет клиентским агентам MCP автоматически обнаруживать и выполнять специализированные рабочие процессы просмотра и отладки.
• Оптимизация токенов и вывода: ограничение размеров скриншота в источнике снижает потребление токенов, а экспериментальная поддержка TOON (Token-Oriented Object Notation) оптимизирует форматирование структурированных данных.
• Улучшена навигация и контекст: list_pages теперь включает заголовки страниц наряду с URL-адресами и идентификаторами целевых страниц для улучшения выбора контекста в многовкладочном режиме, а параметры конфигурации allowedUrlPattern и blockedUrlPattern обеспечивают строгую безопасность области просмотра.

Чтобы узнать о последних обновлениях DevTools для агентов и внести свой вклад, посетите репозиторий GitHub .

Более глубокое понимание возможностей искусственного интеллекта в сфере помощи.

Панель помощи ИИ продолжает развиваться, предоставляя более подробную информацию в пошаговых инструкциях для агентов . Девять дополнительных виджетов теперь содержат данные из панелей Lighthouse, Network, Sources и Performance. Виджеты помогают лучше понять данные, используемые Gemini при вызове инструментов агента для получения событий производительности, содержимого ресурсов, сетевых запросов и многого другого.

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

Полная поддержка редактирования дополнительных правил CSS.

Вкладка «Стили» на панели «Элементы» предоставляет новые возможности для редактирования современных CSS-стилей:

• Редактирование правил @container непосредственно в CSS: теперь вы можете редактировать имена контейнеров и условия запроса в правилах CSS @container , что позволяет легко экспериментировать с адаптивным дизайном запросов контейнеров.
• Редактирование правил CSS @function : Добавлена ​​полная поддержка редактирования пользовательских правил CSS @function .
• Редактирование правил @counter-style : Добавлено автозаполнение кода для свойств list-style-type , напрямую связывающее их с соответствующими определениями @counter-style .
• Сворачивание неактивных правил: новая настройка позволяет сворачивать неактивные правила стилей CSS, оставляя панель «Стили» в фокусе исключительно на активных стилях.

Проблемы Chromium: 507611251 , 41491726 , 480080406 , 351662727 , 514846131

В разделе «Источники» реализована поддержка удаления дубликатов точек останова и рекурсивного отображения исходного кода.

Панель «Источники» обеспечивает повышенную точность отладки в сложных современных конвейерах сборки:

• Дедупликация логических точек останова: теперь маркеры точек останова в боковой панели дедуплицируются в пакетах с разделенным кодом и шаблонах, скомпилированных с помощью SSR/клиента, с использованием сопоставления ближайших разрешенных местоположений. Это предотвращает дублирование индикаторов точек останова при отладке кода, используемого в нескольких фрагментах или средах.
• Рекурсивные EvalOrigin и вложенные карты исходного кода: отладчик теперь поддерживает рекурсивные структуры EvalOrigin и вложенные цепочки трансляции в рамках карт исходного кода, обеспечивая точную трассировку стека и пошаговое выполнение в многоэтапных процессах компиляции.
• Добавлена ​​комбинация клавиш ALT + G в качестве дополнительной комбинации клавиш для навигации «Перейти к строке» в редакторе, чтобы избежать конфликтов с новой комбинацией клавиш Gemini в Chrome.
• Форматирование атрибутов импорта: Обновлен базовый парсер Acorn для поддержки форматирования в удобном формате для стандартного синтаксиса атрибутов импорта JavaScript.

Проблемы с Chromium: 493674242 , 485142682 , 480172712 , 491167992

Повышение безопасности и усиление защиты от междоменных атак в инструментах разработчика.

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

• Защита от самоатак для выражений в реальном времени: добавлены диалоговые окна с предупреждениями о самоатаках и механизмы защиты при создании выражений в реальном времени в консоли .
• Списки разрешенных страниц для навигации и проверка воспроизведения: Теперь панель «Рекордер» применяет строгие списки разрешенных страниц для навигации, чтобы предотвратить переход на страницы с высокими привилегиями, а также строгую проверку источника расширений в разделах воспроизведения.
• Ограничения на переопределение сети расширениями: теперь переопределение сети, управляемое расширениями, строго соответствует политикам хоста runtime_blocked_hosts .
• Безопасное создание @font-face : Переработана генерация правил @font-face с использованием API CSSStyleSheet и безопасного преобразования URL-адресов в строки для предотвращения внедрения CSS через URL-адреса данных.

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

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

• Производительность : Исправлено завышение размера передачи в TraceTree для кэшированных сетевых запросов путем принудительного обнуления размера передачи при обнаружении попаданий в кэш.
• Производительность : Обновлены средства форматирования производительности для поддержки необязательных данных поля deviceScope в отчете Chrome UX Report (CrUX).
• Производительность : Включена горизонтальная прокрутка в таблицах дерева вызовов для предотвращения усечения текста многоточием в длинных URL-адресах файлов.
• Улучшена производительность : исправлены ошибки перерисовки и искажение состояния DOM в боковой панели «Аналитика» в нескольких файлах трассировки.
• Производительность : Настройки отслеживания аннулирования временной шкалы и режима отладки были перенесены из экспериментальных флагов в стандартные настройки инструментов разработчика.
• Сеть : Исправлено некорректное переименование столбца для восстановления столбца " Есть переопределения" и исправлена ​​логика сортировки для переопределений заголовка и содержимого.
• Сеть : Исправлена ​​стилизация CSS- attr() в диаграммах «водопад» Server-Timing, благодаря чему цвета, генерируемые для каждой строки, отображаются корректно.
• Сеть : Исправлена ​​ошибка копирования в качестве генерации команд cURL для безымянных cookie.
• Приложение : В панели приложений подключены элементы локального и сессионного хранилища с использованием новой инфраструктуры StorageAgent .
• Приложение : Исправлена ​​ошибка в приоритете статуса спекулятивной загрузки , благодаря чему URL-адреса, успешно прошедшие предварительную загрузку и предварительную отрисовку, отображаются корректно как "предварительно отрисованные".
• Применение : Отображение точных байтовых значений во всплывающих подсказках по столбцам в представлениях снимков кучи.
• Проблемы : Возникла ошибка типа BackUINavigationWouldSkipAd , возникающая всякий раз, когда при переключении назад рекламные объявления пропускались.
• Проблемы : Добавлена ​​поддержка отображения проблем с запросами на подтверждение электронной почты ( EmailVerificationRequestIssue ).
• Lighthouse : Добавлен флажок категории «Просмотр агента» (по умолчанию отключен) на панели конфигурации Lighthouse и обновлен встроенный движок Lighthouse до версии 13.3.0.

Проблемы Chromium: 518021339 , 40908621 , 517519019 , 487755345 , 505284391 , 465915378 , 512908993 , 40543651

Улучшения доступности

В Chrome 150 внесены многочисленные улучшения в работу программ чтения с экрана, структуру виджетов и семантику ARIA в инструментах разработчика:

• Улучшены звуковые оповещения программ чтения с экрана при выборе вкладок и навигации по разделам во вкладке «Стили».
• Добавлены описательные всплывающие подсказки к значкам закрытия диалоговых окон, а также разрешена передача атрибутов ARIA details и description во всплывающие подсказки.
• Внедрены строгие роли menuitem контекстного меню ARIA для улучшения навигации для вспомогательных технологий.

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