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

Matthias Rohmer

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

В Chrome 151 добавлены новые виджеты для пошагового руководства агента в системе помощи ИИ, подробно описаны особенности CSS на вкладке «Стили», добавлена ​​поддержка псевдоэлемента ::interest-button , а также внесены существенные обновления в сервер DevTools MCP.

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

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

В обновления для версий от v1.4.0 до v1.6.0 включены следующие изменения:

• Улучшена отладка памяти: новый инструмент get_heapsnapshot_duplicate_strings обнаруживает неэффективное использование памяти, вызванное избыточным выделением строк в кучах JavaScript. get_heapsnapshot_details возвращает общее количество объектов и агрегированные данные о размере памяти, агрегированные данные снимков кучи с возможностью фильтрации, пути сохранения корневого каталога сборщика мусора и позволяет сравнивать данные о памяти между снимками.
• Кодирование в формате GCF ( experimentalGcfFormat ): Добавлена ​​поддержка ответов инструментов, закодированных в формате GCF, для оптимизации пропускной способности и эффективности анализа для поддерживающих клиентов.
• Одновременная маршрутизация страниц несколькими агентами и изолированные контексты: --experimentalPageIdRouting позволяет параллельным подагентам работать одновременно на разных вкладках браузера, используя явную маршрутизацию pageId . Параметры --isolated mode и isolatedContext создают временные профили Chrome и хранилище для каждой сессии.

Чтобы узнать больше и начать работу, посетите репозиторий DevTools for agents на GitHub .

ИИ-помощь

Изображение/видеозапись экрана: Панель помощи с использованием ИИ, демонстрирующая новый встроенный виджет Network Track и интерактивный пошаговый обзор с поддержкой таблиц GFM.

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

Кроме того, в ответных сообщениях теперь полностью поддерживается отображение таблиц GitHub Flavored Markdown (GFM) для форматированных сводных табличных данных.

Разделение специфичности CSS и поддержка ::interest-button

Панель «Элементы» предоставляет расширенные инструменты для проверки и создания CSS-кода с использованием современных API веб-платформ:

• Подробный анализ специфичности CSS: при наведении курсора на имена селекторов на вкладке «Стили» теперь отображается подробная всплывающая подсказка, показывающая, как каждый класс, ID, элемент или псевдокласс влияет на расчет специфичности (a, b, c) . Это вклад сообщества, спасибо @hjanuschka !
• Псевдоэлемент ::interest-button : В инструментах разработчика теперь полностью анализируется и отображается новый псевдоэлемент CSS ::interest-button (часть спецификации HTML interesttarget ) в структуре дерева элементов и на вкладке «Стили».
• Асинхронная привязка целевых элементов для атрибутов отношений HTML: атрибуты HTML, такие как popovertarget , interesttarget и commandfor теперь асинхронно получают и визуально связывают свои целевые узлы DOM непосредственно в коде.
• Ленивая отрисовка для больших таблиц стилей: на вкладке «Стили» теперь используется ленивая отрисовка свойств, когда элемент превышает 200 свойств CSS, что сокращает время отрисовки блоков с нескольких секунд до миллисекунд.

Проблемы с Chromium: 353436867 , 453705247 , 524406293 , 457696384 , 524131115

Отладка памяти: присвоение контекста и сохранение замыканий.

Теперь диагностика сложных утечек памяти JavaScript в веб-приложениях с несколькими фреймами или контекстами стала значительно понятнее на панели «Память» :

• Атрибуция контекста в нативной версии V8: снимки кучи теперь используют двухэтапный алгоритм атрибуции. Статический вывод указателей разрешает карты native_context , а доступность графа отслеживает оставшиеся объекты. Объекты, доступные из одного нативного контекста, напрямую приписываются этому контексту, в то время как объекты, доступные из нескольких контекстов, объединяются в общий контекстный сегмент.
• Фильтр "Сохраняемые контекстом": новый фильтр пользовательского интерфейса в перспективе снимков кучи позволяет изолировать объекты, сохраняемые исключительно через контекстные объекты замыканий JavaScript.
• Настраиваемый порядок отображения свойств: новый переключатель контекстного меню « Сортировать свойства по алфавиту » (включен по умолчанию) позволяет переключаться между алфавитной сортировкой и исходным порядком вставки свойств JavaScript при просмотре свойств объектов в куче.

Проблемы с Chromium: 497855658 , 423838364 , 40833016

API-интерфейсы расширений с использованием промисов и усиление безопасности.

API расширений DevTools были обновлены с учетом современных асинхронных шаблонов и более строгих мер безопасности:

• Поддержка нативных промисов: асинхронные методы в chrome.devtools.network ( getHAR() , Request.getContent() ), chrome.devtools.panels и chrome.devtools.inspectedWindow ( eval() , getResources() , Resource.getContent() , Resource.setContent() ) теперь возвращают стандартные объекты JavaScript Promise при вызове без параметра обратного вызова.
• Ограничения безопасности расширений: расширениям DevTools теперь запрещено получать HAR-ресурсы заблокированных целевых URL-адресов, они должны удовлетворять разрешениям extensionsOnChromeUrls для межрасширенных вычислений в inspectedWindow.eval и принудительно проверять allowFileAccess для ресурсов file:// .

Другие важные моменты и исправления

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

• Улучшена производительность : добавлены маркеры временной шкалы Soft FCP (First Contentful Paint) наряду с маркерами Soft LCP и Soft Navigation, а также обновлены заголовки выдвижных панелей с подробной информацией.
• Производительность : Добавлены механизмы защиты, позволяющие пропускать проверки вычислительной нагрузки во время калибровки регулирования ЦП на устройствах Android без поддержки PressureObserver .
• Сеть : Обновлено копирование в cURL с добавлением префикса --url к целевым URL-адресам для предотвращения неправильной интерпретации флагов командной строки для URL-адресов с префиксом в виде дефиса.
• Источники : Включено разрешение области видимости карты исходного кода по умолчанию, что улучшает разрешение области видимости переменных и деминификацию символов во время отладки.
• Настройки : Обновлены предустановки эмулируемых устройств для новых моделей iPhone и Pixel с проверенными вставками безопасной области, а также предварительно заполнены пользовательские поля User-Agent устройства значением navigator.userAgent . (Проблемы Chromium: 40718410 , 518215252 )
• Настройки : Обновлено выпадающее меню в настройках обработки ссылок , теперь вместо прямых URL-адресов источников расширений отображаются удобные для пользователя заголовки расширений.
• Lighthouse : Обновлен встроенный модуль Lighthouse до версии 13.4.0 . (Проблема Chromium: 40543651 )

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

В Chrome 151 реализованы следующие улучшения доступности:

• Элементы : Восстановлена ​​видимость переключаемых значков панели инструментов (таких как кнопка « Возобновить выполнение скрипта») в режиме высокой контрастности Windows / @media (forced-colors: active) путем удаления конфликтующих переопределений цвета фона. (Проблема Chromium: 519762185 )
• Консоль : Добавлены доступные всплывающие подсказки с полным текстом title для усеченных строковых значений выражений в режиме реального времени в закрепленных окнах консоли.