Что нового в стабильных версиях браузеров Firefox и Chrome в марте
Рассмотрим новые функции, которые добавили в веб-платформы Firefox 123 and Chrome 122.
Рассмотрим новые функции, которые добавили в веб-платформы Firefox 123 and Chrome 122.
Декларативный теневой DOM
Firefox 123 поддерживает атрибут shadowrootmode элемента <template>, тем самым поддерживая Declarative Shadow DOM. Эта функция теперь присоединяется к недавно доступным Baseline, поскольку она совместима со всеми ключевыми браузерами.
103 Ранние подсказки: предварительная загрузка
Firefox 123 включает код состояния 103 Early Hints для предварительной загрузки ресурсов.
Changes to CSS ::backdrop inheritance
Псевдоэлемент ::backdrop CSS — это блок размером с область просмотра, отображаемый непосредственно под любым элементом, представленным в верхнем слое. В исходной спецификации ::backdropуказано, что он не наследуется ни от одного элемента и не наследуется от него. Это означало, что у него ::backdropне было доступа к пользовательским свойствам, объявленным в :root.
Спецификация была изменена, чтобы разрешить ::backdropнаследование свойств исходного элемента. Это изменение реализовано в Chrome 122.
Подробнее об изменениях в::backdrop .
API сегментов хранилища
Chrome 122 включает API Storage Buckets. Этот API дает сайтам возможность организовывать данные на устройстве в сегменты, после чего групповые данные можно удалять независимо от данных, хранящихся в других сегментах.
Подробную информацию см. в документации Storage Buckets API.
API асинхронного буфера обмена: чтение несанкционированного HTML
Бета-версия Chrome 122 включает в себя unsanitized опцию метода read()Async Clipboard API для получения несанкционированного формата HTML.
JavaScript Set методы
Chrome 122 реализует следующие методы Set:
Эти методы уже реализованы в Safari, начиная с версии 17, и есть в Firefox Nightly.
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. Это свойство контролирует, отображает ли элемент вообще свое содержимое, позволяя браузерам не отображать содержимое до тех пор, пока оно не понадобится.
