Новое в Инструментах разработчика – ноябрь 2026 г.

Matthias Rohmer

Опубликовано 20 октября 2026 г.

В октябре вышли стабильные версии Chrome 155 и Chrome 156, которые принесли в браузер новые возможности отладки и разработки: проверку стилей CSS в Инструментах разработчика для агентов, интерактивный редактор position-area для позиционирования привязки CSS в Элементах, а также диагностику манифеста Web Install и происхождения рекламы в Приложении. Вы также можете обнаруживать неиспользуемые переменные контекста на панели Память, проверять предупреждения о предварительной загрузке Early Hints и постоянные переопределения на панели Сеть, а также более плавно перемещаться по временным шкалам на панели Производительность.

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

Сервер MCP для инструментов разработчика Chrome добавляет проверку стилей CSS, поддержку файлов конфигурации и синтаксический анализ фрагментированных трассировок для агентов кодирования:

• Проверка стилей CSS. Проверяйте вычисленные и сопоставленные стили с помощью инструмента get_css_styles, который поддерживает разбиение на страницы (pageSize и pageIdx) и форматирует сопоставленные правила, унаследованные правила, псевдоэлементы, правила @keyframes и @ (@position-try, @property и @function).
• Файл конфигурации и элементы управления путями. Управляйте флагами сервера с помощью специального файла конфигурации, настраивайте собственные корневые каталоги файловой системы и используйте --allow-unrestricted-paths по умолчанию в CLI.
• Разбиение буфера трассировки на фрагменты. Анализируйте большие записи производительности с помощью синтаксического анализатора буфера трассировки и буфера трассировки по умолчанию размером 1,2 ГБ. Инструменты разработчика также ограничивают область действия экземпляров механизма трассировки для каждого синтаксического анализа, чтобы предотвратить утечки памяти.
• Обработка диалоговых окон и сохранение консоли. Автоматически обрабатывайте диалоговые окна JavaScript, которые появляются при использовании инструментов ввода, и сохраняйте историю сообщений консоли при переходах в пределах одного документа.
• Обновление меню. Нажмите Получить инструменты разработчика Chrome для агентов в главном меню инструментов разработчика, чтобы открыть инструкции по настройке.

Подробную информацию можно найти в репозитории chrome-devtools-mcp.

Элементы: визуальный редактор области позиционирования, неявный выбор привязки и обновления разработки CSS.

На панели Элементы появились визуальные инструменты для позиционирования привязки CSS и расширенные возможности проверки CSS:

• Визуальный редактор position-area. Нажмите на встроенный образец рядом с объявлением position-area на вкладке Стили, чтобы визуально выбрать области сетки привязки, настроить оси одновременно или по отдельности, переключить ключевое слово self и сократить ключевые слова без осей.
• Неявный выбор якоря в вспомогательных элементах всплывающих окон. Нажмите правой кнопкой мыши на вспомогательный элемент всплывающего окна в дереве [модели] DOM, если у элемента есть несколько неявных якорей, чтобы проверить и перейти к любому связанному элементу якоря.
• Оверлей с позиционированием якоря. Проверяйте поля, отступы, границы и блоки контента в содержащем блоке с измененной вставкой (IMCB) прямо в оверлее области просмотра при отладке элементов с позиционированием якоря.
• wrap-reverse в редакторе Flexbox. Переключайте flex-wrap: wrap-reverse прямо в визуальном редакторе Flexbox на вкладке Стили.
• Неактивные стили CSS для @starting-style и унаследованные правила. Проверяйте неактивные правила @starting-style и разделы Inherited from с сохранением состояния развертывания и свертывания вручную между обновлениями.
• Дополнительные параметры с несколькими дефисами и автозаполнение классов. Проверяйте и редактируйте дополнительные параметры CSS, которые начинаются с трех или более дефисов (например, ---theme-color), и отфильтровывайте уже примененные классы из подсказок автозаполнения Добавить новый класс.

Ошибки Chromium: 553335561, 438724570, 413061413, 397184392, 539424116, 533783988.

Приложение: диагностика манифеста веб-установки, происхождение объявлений и обновления таблицы хранилища

На панелях Приложение и Проблемы добавлены средства диагностики для манифестов веб-установки, происхождения рекламных скриптов и проверки хранилища.

• Диагностика манифеста веб-установки. На панели Проблемы можно проверять ошибки манифеста веб-установки (navigator.install и <install>), включая сбои извлечения, синтаксические ошибки, недопустимые значения start_url, отсутствующие названия, идентификаторы или манифесты. Также доступны прямые ссылки на затронутый файл манифеста.
• Документация по столбцу и показателю "Происхождение объявления". В разделе Объявления на панели Приложение появился столбец Происхождение объявления. В нем можно посмотреть, соответствует ли скрипт объявления цепочке родительских скриптов или правилу списка фильтров. Также в этом столбце есть подсказки с документацией и ссылки Подробнее на информацию о показателях объявлений.
• Улучшенная эргономика таблиц IndexedDB и Cookies. Теперь вы можете разворачивать вложенные объекты в таблице данных IndexedDB с динамической высотой строк, которая сохраняет позицию прокрутки, и удалять выбранные строки в таблице Cookies с помощью клавиатуры или контекстного меню.

Ошибки Chromium: 333795265, 553428200, 514957134, 555304817, 555304814, 562142155.

Сеть: предупреждения о предварительной загрузке Early Hints и постоянные переопределения

На панели Сеть улучшена диагностика Early Hints, локальные переопределения и рабочие процессы с пользовательскими заголовками.

• Предупреждение о предзагрузке ранних подсказок при отключенном кеше. В разделе заголовков Ранние подсказки показывается предупреждение, если ответы 103 Early Hints содержат ссылки предзагрузки, а параметр Отключить кеш активен. В предупреждении объясняется, почему Chrome игнорирует эти предзагрузки.
• Постоянные локальные переопределения и настраиваемые столбцы заголовков. Вы можете переопределять локальные тела ответов при навигации по страницам, сохранять настраиваемые конфигурации столбцов заголовков запросов и заголовков ответов и порядок сортировки при перезагрузке, а также копировать усеченные необработанные полезные нагрузки запросов из контекстного меню.

Ошибки Chromium: 548701038, 559925510, 563542902, 556269542, 377410082

Память: обнаружение полей неактивного контекста в снимках кучи

На панели Память теперь обнаруживаются неиспользуемые переменные замыкания, которые остаются в контекстах выполнения V8. DevTools анализирует метаданные области видимости V8, встроенные в снимки кучи, чтобы сопоставить замыкания с общими объектами Context. Затем он выделяет поля мертвого контекста, поддерживаемые родственными долгоживущими замыканиями, когда к ним не обращаются живые замыкания, отсортированные по влиянию на память.

Проблемы с Chromium: 497855658.

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

На панели Производительность улучшена навигация по флейм-графу и сохраняется контекст анализа при переключении между панелями.

• Более плавная навигация по временной шкале. Масштабирование, панорамирование и перетаскивание мини-карты временной шкалы больше не зависают.
• Сохранение состояния дерева вызовов и вкладки "Снизу вверх". Переключайтесь между панелями инструментов разработчика, не теряя развернутые узлы, выбор или позицию прокрутки на вкладках Дерево вызовов и Снизу вверх.

Ошибки Chromium: 553831653, 561396590.

Другие ключевые моменты

В Chrome 155 и Chrome 156 также добавлены следующие улучшения на панелях инструментов разработчика:

• Датчики. Переопределяйте navigator.cpuPerformance прямо в новом элементе управления Уровень производительности ЦП на панели Датчики или разрешите ему отражать активные наборы настроек троттлинга ЦП. (Ошибки Chromium: 449760252, 526856234, 526857820)
• Режим устройства. Сохраняйте настройки масштаба и автоматической настройки масштаба для каждого эмулируемого устройства и сохраняйте переопределение Save-Data при переключении панели инструментов устройства. (Ошибки Chromium: 561306841, 555160483)
• Палитра. Просматривайте предложения по контрастным цветам APCA для светлого текста на темном фоне и преобразуйте цвета, выходящие за пределы цветовой гаммы, в oklab() и oklch() без значений NaN. (Ошибки Chromium: 560325669, 558821258)
• Специальные возможности. Теперь активные переключатели фильтров регулярных выражений можно определить по бесцветной точке-индикатору. Программы чтения с экрана озвучивают названия свойств шрифтов в обзоре CSS. Улучшены кольца фокуса клавиатуры и видимость в режиме высокой контрастности на всех панелях. (Ошибки Chromium: 556764882, 555848535, 555599825, 553804654)

Ошибки Chromium: 449760252, 526856234, 526857820, 561306841, 555160483, 560325669, 558821258, 556764882, 555848535, 555599825, 553804654