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