Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в феврале 2024 года.
Стабильные версии браузера
В феврале 2024 года Firefox 123 и Chrome 122 стали стабильными. В этом посте рассматриваются новые функции, добавленные в веб-платформу.
Декларативный теневой DOM
Firefox 123 поддерживает shadowrootmode
элемента <template>
, тем самым поддерживая декларативный теневой DOM . Эта функция теперь присоединилась к недавно доступной версии Baseline, поскольку она совместима со всеми ключевыми браузерами.
103 Ранние подсказки: предварительная загрузка
Firefox 123 включает код состояния 103 Early Hints для предварительной загрузки ресурсов.
Поддержка браузера
- 103
- 103
- 123
- Икс
Изменения в наследовании CSS ::backdrop
Псевдоэлемент CSS ::backdrop
представляет собой блок размером с область просмотра, отображаемый непосредственно под любым элементом, представленным в верхнем слое. В исходной спецификации ::backdrop
указано, что он не наследуется ни от одного элемента и не наследуется от него. Это означало, что ::backdrop
не имел доступа к пользовательским свойствам, объявленным в :root
.
Спецификация была изменена, чтобы позволить ::backdrop
наследовать свойства исходного элемента. Это изменение реализовано в Chrome 122.
Узнайте больше об изменениях в ::backdrop
.
API сегментов хранилища
Chrome 122 включает API Storage Buckets. Этот API дает сайтам возможность организовывать данные на устройстве в сегменты, после чего групповые данные можно удалять независимо от данных, хранящихся в других сегментах.
Подробную информацию см. в документации Storage Buckets API .
Поддержка браузера
- 122
- 122
- Икс
- Икс
API асинхронного буфера обмена: чтение несанкционированного HTML
Бета-версия Chrome 122 включает unsanitized
опцию в методе read()
API Async Clipboard для получения несанкционированного формата HTML.
Методы Set
JavaScript
Chrome 122 реализует следующие методы Set
:
Эти методы уже реализованы в Safari, начиная с версии 17, и есть в Firefox Nightly.
Бета-версии браузера
Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — это Firefox 124 , Chrome 123 , выпущенные в этом месяце, и Safari 17.4, работа над которым продолжается. Эти выпуски привносят в платформу множество замечательных функций. Ознакомьтесь со всеми подробностями в примечаниях к выпуску. Вот лишь несколько основных моментов.
Chrome 123 включает в себя несколько новых функций CSS. Цветовая функция light-dark()
упрощает адаптацию цветовых схем к предпочтениям пользователя. Свойство field-sizing
позволяет автоматически увеличивать поля ввода текста. Появилась новая медиа-функция для проверки приложений, отображаемых в режиме «картинка в картинке».
Свойство text-spacing-trim
применяет кернинг к китайским, японским и корейским (CJK) символам пунктуации для корректировки чрезмерного интервала. Подробнее читайте в разделе «Представляем четыре новые международные функции CSS» .
В бета-версиях Chrome 123 и Safari 17.4 поддерживается align-content
в макете блока и таблицы. Прочтите об изменении поддержки align-content
. Проверьте свои сайты, возможно ли использовать это свойство за пределами сетки или гибкого макета, так как оно начнет вызывать выравнивание там, где раньше оно не работало в блочном макете.
Firefox 124 включает поддержку свойства CSS content-visibility
. Это свойство контролирует, отображает ли элемент вообще свое содержимое, позволяя браузерам не отображать содержимое до тех пор, пока оно не понадобится.