Октябрьские обновления DevTools: визуальное позиционирование и анализ памяти
Обзор с названием November 2026 опубликован 20 октября и описывает функции Chrome 155–156. Среди изменений — редактор position-area, проверка стилей для агентов и улучшения чтения больших трасс.
Название месяца не является датой выпуска
Команда Chrome сменила формат обзоров DevTools после перехода браузера на двухнедельный цикл. Публикация New in DevTools — November 2026 имеет дату 20 октября и собирает изменения последних версий. Поэтому говорить, что эти инструменты появились в ноябре, было бы неточно. В обзоре перечислены улучшения Elements, Memory, Network, Performance и инструментов для агентов. Для конкретной рабочей станции доступность зависит от установленного Chrome и состояния соответствующего инструмента, а не от календарного названия статьи.
Позиционирование можно разбирать визуально
В панели Styles появился редактор position-area для CSS anchor positioning. Он позволяет выбирать области сетки и настраивать оси, помогая разобраться, как всплывающий элемент расположен относительно якоря. Это инструмент авторинга: он не заменяет проверку поведения в узком окне, при прокрутке и изменении размеров. Вложенные меню и popover часто зависят от нескольких ограничений одновременно. Поэтому результат визуального выбора следует смотреть в живой странице, где на расположение влияют доступное пространство и фактическое содержимое. Инструменты DevTools различают источник объявления, вычисленное значение и эффект на геометрию страницы. Например, правило CSS может присутствовать в таблице стилей, но уступить другому в каскаде. Поэтому выдача matched styles полезна вместе с computed styles. Постраничный ответ делает большой набор правил доступным частями, а унаследованные декларации сохраняют связь с элементом-предком. Это конкретное диагностическое содержание нового инструмента; оно отличается от генерации предполагаемого исправления по одному скриншоту и не требует, чтобы модель угадывала фактически применённый стиль.
Стили стали доступнее инструментам агентов
В обзоре описан get_css_styles с постраничной выдачей вычисленных и сопоставленных стилей. Он показывает унаследованные правила, псевдоэлементы и отдельные конструкции CSS. Репозиторий Chrome DevTools MCP объясняет подключение агента к работающему браузеру. Такой доступ полезен для диагностики, поскольку позволяет опираться на фактическую страницу. Но инструменты могут видеть содержимое открытой сессии и выполнять действия согласно своим возможностям. Диагностический интерфейс не следует считать автоматически изолированным от данных приложения; набор разрешений и выбранное окружение имеют значение.
Большие записи требуют аккуратной обработки
Для трасс команда описывает разбор порциями и буфер по умолчанию 1,2 ГБ. В Memory появились дополнительные средства поиска удерживаемых контекстов; Network помогает замечать предупреждения Early Hints и постоянные overrides. Эти изменения улучшают расследование, но не превращают запись производительности в готовый диагноз. Наличие большого объёма данных не доказывает, какой участок вызвал задержку: нужна связь со временем действия пользователя и воспроизводимым сценарием. Поведение при активных расширениях и открытой отладке также может отличаться от обычного посещения сайта.
Инструмент связывает данные с их происхождением
CSS-инспекция возвращает вычисленные значения и сопоставленные правила, то есть позволяет отличить итоговый стиль от отдельных деклараций в файлах. Память и Performance дают другой срез: удерживаемые объекты, время выполнения и структуру записи. Один медленный кадр и один крупный объект могут относиться к разным участкам приложения, поэтому их связь устанавливается по трассе и сценарию. В репозитории DevTools MCP описано подключение к браузеру и доступные инструменты. Это отдельный проект с собственным циклом обновления; установленный браузер и версия сервера для агента определяют фактический набор возможностей. Месячный обзор объединяет их изменения и не заменяет документацию конкретного инструмента.
