Опубликовано: 2 июня 2026 г.
Выходит новая версия Chrome 149, и в этом посте мы расскажем о некоторых ключевых особенностях этого релиза. Ознакомьтесь с полными примечаниями к выпуску Chrome 149 .
Основные моменты этого релиза:
- CSS-стили для оформления промежутков между элементами позволяют задать стиль для таких контейнерных макетов, как сетки и flexbox.
- Отключение WebSockets при записи в bfcache позволяет страницам с активными WebSocket-соединениями попадать в кэш "Назад/Вперед".
- Intl.Locale.prototype.variants возвращает или задает варианты локали.
CSS-декорации пробелов
CSS-стили для оформления промежутков позволяют стилизовать промежутки в контейнерных макетах, таких как сетки и flexbox, обеспечивая единообразие и новые возможности стилизации, которые ранее требовали сложных манипуляций с границами и псевдоэлементами. Эта функция совместима с прогрессивной разверткой; в неподдерживаемых браузерах промежутки отображаются нормально без каких-либо декораций.
Введены такие свойства, как column-rule-inset и row-rule-inset позволяющие уменьшать или увеличивать размер элементов оформления, а также column-rule-visibility-items и row-rule-visibility-items позволяющие отображать линии только между соседними элементами или во всех промежутках. Ширина, цвет и отступы линий полностью анимируемы, что позволяет изменять их при наведении курсора или других изменениях состояния.
Подробнее об этом можно узнать в статье о CSS-декорациях с зазорами .
Отключите WebSocket для записи bfcache.
Активные соединения WebSocket больше не препятствуют попаданию страницы в кэш "Назад/Вперед" (bfcache). За счет проактивного закрытия соединений WebSocket при попадании в BFCache вместо пометки документа как неподходящего, браузер позволяет страницам с активными соединениями WebSocket сохраняться в памяти и мгновенно восстанавливаться.
Ранее любое активное соединение WebSocket заставляло браузер закрывать страницу при переходе пользователя на другую страницу, что препятствовало ее сохранению в кэше "Назад/Вперед" (bfcache).
Intl.Locale.prototype.variants
Объект Intl.Locale представляет собой идентификатор локали Unicode. Основной объект — Baseline, широко доступный.
Варианты являются частью основного идентификатора языка и позволяют выбрать варианты языка, которые не могут быть различены с помощью тройки (язык, регион, письменность). Эта функция уже реализована в Firefox и Safari, а теперь доступна и в Chrome.
Например:
const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"
Подробнее см. в документации MDN для Intl.Locale.prototype.variants .
Дополнительная информация
Здесь описаны лишь некоторые ключевые моменты. Дополнительные изменения в Chrome 149 можно найти по следующим ссылкам.
- Примечания к выпуску Chrome 149 .
- Что нового в инструментах разработчика Chrome (149) .
- Обновление ChromeStatus.com для Chrome 149 .
- Календарь релизов Chrome .
Подписаться
Чтобы быть в курсе всех новостей, подпишитесь на YouTube-канал Chrome Developers , и вы будете получать уведомления по электронной почте каждый раз, когда мы выпускаем новое видео. Или подпишитесь на нас в X или LinkedIn, чтобы получать новые статьи и записи в блоге.
Как только выйдет Chrome 150, мы сразу же расскажем вам о новинках в Chrome!