Новое на веб-платформе в феврале

Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в феврале 2024 года.

В феврале 2024 года Firefox 123 и Chrome 122 стали стабильными. В этом посте рассматриваются новые функции, добавленные в веб-платформу.

Декларативный теневой DOM

Firefox 123 поддерживает shadowrootmode элемента <template> , тем самым поддерживая декларативный теневой DOM . Эта функция теперь присоединилась к недавно доступной версии Baseline, поскольку она совместима со всеми ключевыми браузерами.

Поддержка браузера

  • 111
  • 111
  • 123
  • 16,4

Источник

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.

Поддержка браузера

  • 122
  • 122
  • 127
  • 17

Источник

Бета-версии браузера

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