Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в феврале 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 . Это свойство контролирует, отображает ли элемент вообще свое содержимое, позволяя браузерам не отображать содержимое до тех пор, пока оно не понадобится.