Эта страница переведена с помощью Cloud Translation API.

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

Matthias Rohmer

Опубликовано: 25 августа 2026 г.

В Chrome 152 внесены значительные улучшения в отладку сети, включая повторную отправку запросов и проверку двоичных данных, пользовательские элементы оформления и улучшенную вложенность CSS в Elements, Core Web Vitals для удобной навигации в Performance Live Metrics, экспорт структурированных таблиц в консоли, а также улучшения для сервера DevTools MCP.

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

В новейшей версии 1.7.0 сервера Chrome DevTools MCP расширены ранее представленные возможности отладки памяти для таких агентов разработки, как Antigravity, Claude, Codex и другие:

Подробная информация об объекте в снимке кучи ( get_heapsnapshot_object_details ): позволяет просматривать подробные свойства объектов JavaScript, имена классов и пути сохранения корневого каталога сборщика мусора непосредственно из снимков кучи.
Фильтрация контекста V8: фильтрация объектов снимков кучи по контексту выполнения и проверка контекста в сводках снимков.
Улучшения стабильности и жизненного цикла демона: добавлено ограничение на сохранение сетевых запросов для каждой навигации, проверка идентификатора сессии, предупреждения о несоответствии версий CLI и демона, а также корректное завершение работы рабочего процесса при освобождении контекста.

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

Сеть: редактирование и повторная отправка запросов, предварительная загрузка аналитических данных и декодирование двоичных данных.

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

Повторная отправка запросов fetch и XHR: бывший пункт контекстного меню «Воспроизвести XHR» теперь называется «Повторно отправить» . Теперь он поддерживает все сетевые запросы, допускающие получение данных, преобразуя стандартные запросы в вызовы fetch() , сохраняя при этом полную точность воспроизведения наряду с XHR. Запросы также отслеживают и отображают свой контекст выполнения и инициатора в консоли.
Столбец «Предварительная загрузка» и «Копировать как элемент предварительной загрузки»: В новом специальном столбце «Предварительная загрузка » отображается информация о том, был ли сетевой запрос инициирован с использованием спекулятивной предварительной загрузки. Вы также можете щелкнуть правой кнопкой мыши по любому запросу и выбрать «Копировать как элемент предварительной загрузки» , чтобы сгенерировать тег <link rel="preload"> готовый для вставки в ваш HTML-код. Ранние подсказки теперь относятся к категории «Инициатор» .
Встроенный просмотрщик бинарных данных для полезных нагрузок запросов: вкладка «Полезная нагрузка» теперь включает параметры метода декодирования (Base64, Hex и UTF-8) для бинарных и сжатых полезных нагрузок запросов, аналогично вкладке «Ответ».
Закрепленный столбец «Номер запроса»: Теперь столбец # запроса» закреплен на первой позиции в таблице сетевых данных для упрощения поиска запросов.
Фильтрация запросов внутри одной сети: поиск доменов, имен хостов или портов (например localhost или example.com ) в строке фильтра «Сеть» теперь точно фильтрует запросы внутри одной сети.
Декодирование параметров запроса по умолчанию: Параметры запроса и формы на вкладке «Полезная нагрузка» теперь автоматически декодируются для всех запросов.

Проблемы Chromium: 40726969 , 41299075 , 40138847 , 40222701 , 525848667 , 507077182 , 498482622 , 520437951 , 40267477

Элементы: пользовательские элементы оформления, вложенные взаимодействия с родительскими элементами CSS и выбор псевдоэлементов `$0`

В панели «Элементы» DOM-дерево отображает значок пользовательских элементов рядом с пользовательскими HTML-тегами, а при наведении курсора на селектор родительского элемента во вложенном правиле CSS выделяет соответствующий элемент на странице.

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

Значок-украшение для пользовательского элемента: Пользовательские HTML-элементы (обозначаемые тегами с дефисом или атрибутами is="..." для настраиваемых встроенных элементов) теперь отображают значок-украшение custom-element в структуре дерева DOM.
Взаимодействие с родительскими селекторами вложенных CSS-правил и их специфичность: теперь при наведении курсора на родительские селекторы во вложенных CSS-правилах и унаследованных вложенных правилах отображаются соответствующие элементы на странице, а также применяется фильтрация вкладки «Стили». Добавлены всплывающие подсказки для специфичности правил @nested-declarations .
Выбор псевдоэлементов через $0 : теперь при выборе псевдоэлементов, таких как ::before или ::after в дереве DOM Elements они напрямую привязываются к переменной консоли $0 для немедленного просмотра в JavaScript.
Автозаполнение для типов text-wrap и <image> : Панель «Стили» теперь предлагает все значения ключевых слов для text-wrap ( wrap , nowrap , balance , pretty , stable ) и автозаполняет свойства CSS, принимающие тип данных <image> .
Учет полосы прокрутки в модели «Блок»: Диаграмма метрик модели «Блок» теперь точно вычисляет и отображает размеры блоков контента, когда элементы имеют видимые полосы прокрутки.

Проблемы с Chromium: 367440148 , 535517817 , 535522242 , 535523039 , 537724428 , 399305533 , 334984154 , 383355294 , 326260752 , 389342065

Производительность: Показатели плавной навигации в режиме реального времени и пользовательские настройки скриншотов.

Поддержка Live Metrics для плавной навигации: В представлении Live Metrics теперь по умолчанию собираются и отображаются основные веб-показатели (такие как LCP и INP) для плавной навигации на стороне клиента в одностраничных приложениях, благодаря обновлению до версии web-vitals v6.0.0.
Настраиваемые параметры захвата скриншотов: В панели «Производительность» доступны настраиваемые параметры размера кадра скриншота и ограничения количества кадров для трассировки CDP, позволяющие персонализировать качество визуальной записи в рамках выделенной памяти.
Отображение трассировки с помощью console.profileEnd() : Теперь вызов console.profileEnd() в вашем коде или консоли автоматически открывает и отображает записанную трассировку на панели «Производительность».
Сводка по пользовательским трекам API расширяемости: теперь сводки трассировки производительности обрабатывают и отображают пользовательские группы треков, зарегистрированные с помощью API расширяемости.

Проблемы с Chromium: 514721939 , 490140054 , 536954453 , 535506117

Консоль: Экспорт таблиц в формате Markdown или CSV и защита от побочных эффектов.

Копирование таблиц консоли в формате Markdown или CSV: Теперь таблицы, выводимые с помощью console.table() можно напрямую скопировать в буфер обмена в виде отформатированных таблиц Markdown или данных CSV из контекстного меню.
Защита от побочных эффектов при вычислении: теперь всплывающая подсказка отладчика защищает от выражений, содержащих new , помеченные шаблонные литералы, динамический import() и операторы delete , предотвращая случайные изменения состояния во время паузы.

Проблемы Chromium: 40924951 , 40133606

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

Подборка существенных улучшений в других подсистемах DevTools:

Источники : Функция быстрого открытия теперь отдает приоритет локальным файлам рабочей области со значительным повышением оценки, благодаря чему файлы рабочей области оказываются в приоритете по сравнению с сетевыми ресурсами. (Проблема Chromium: 40260136 )
Память : В представлении «Сводка снимков кучи» теперь отображается общее количество объектов наряду с агрегированными размерами неглубоких областей памяти для выбранных типов, а также включены собственные фильтры контекста выполнения. (Проблема Chromium: 497855658 )
Приложение : В панели «Реклама» переключатель «Выделить рекламу» перемещен непосредственно в панель, добавлены идентификаторы кликабельных элементов iframe для отображения фреймов в иерархии, а также введена таблица с разбивкой метрик по каждому фрейму. (Проблема Chromium: 514957134 )
Приложение : Раздел «Очистить данные сайта» на панели «Хранилище» был переработан и объединен в единую, консолидированную группу (проблема Chromium: 375867286 ), а также устранены дублирующиеся записи в кэше после восстановления кэша «Назад/Вперед» (проблема Chromium: 484693244 ).
Расширения : Асинхронные методы в chrome.devtools.panels теперь возвращают JavaScript-промисы при вызове без коллбэка. (Проблема Chromium: 496604551 )
Настройки : Разделить стандартные настройки регулирования сети и пользовательские конфигурации регулирования на отдельные разделы. (Проблема Chromium: 342409451 )
Lighthouse : Обновлен встроенный модуль Lighthouse до версии 13.4.1 . (Проблема Chromium: 40543651 )
Проблемы : Инструменты разработчика выдают предупреждение, если для изображения, использующего loading="lazy" не указаны явно заданные размеры width или height .
Режим устройства : Упрощено меню уровней масштабирования с помощью единой опции «Подогнать под окно» и отключен переключатель «Показывать рамку устройства», когда графика рамки недоступна.

В Chrome 152 включены следующие улучшения доступности:

Элементы и доступность : Добавлены параметры контекстного меню для плавного переключения между деревом DOM элементов и деревом доступности, а также опция «Прокрутка до видимой области» для узлов доступности. (Проблемы Chromium: 417929842 )
Доступность : Добавлена поддержка копирования узлов и поддеревьев дерева доступности в виде обычного текста с помощью контекстного меню. (Проблема Chromium: 417929842 )
Элементы : Исправлены цвета подсветки результатов поиска с низкой контрастностью на панели «Элементы» при работе в темном режиме. (Проблема Chromium: 491718898 )
Навигация : Открепление DevTools в отдельное окно или повторное закрепление во вкладке больше не приводит к принудительному выделению фокуса на кнопке главного меню.
Настройки : Добавлен описательный контекст для кнопок «Показать больше» и «Показать меньше» в настройках ИИ.

Что нового в инструментах разработчика (Chrome 152) Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.