Что нового в стабильных версиях браузеров Firefox и Chrome в марте

Рассмотрим новые функции, которые добавили в веб-платформы Firefox 123 and Chrome 122.

Рассмотрим новые функции, которые добавили в веб-платформы Firefox 123 and Chrome 122.

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

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

Image

103 Ранние подсказки: предварительная загрузка

Firefox 123 включает код состояния 103 Early Hints для предварительной загрузки ресурсов.

Image 1

Changes to CSS ::backdrop inheritance

Псевдоэлемент ::backdrop CSS — это блок размером с область просмотра, отображаемый непосредственно под любым элементом, представленным в верхнем слое. В исходной спецификации ::backdropуказано, что он не наследуется ни от одного элемента и не наследуется от него. Это означало, что у него ::backdropне было доступа к пользовательским свойствам, объявленным в :root.

Спецификация была изменена, чтобы разрешить ::backdropнаследование свойств исходного элемента. Это изменение реализовано в Chrome 122.

Подробнее об изменениях в::backdrop .

API сегментов хранилища

Chrome 122 включает API Storage Buckets. Этот API дает сайтам возможность организовывать данные на устройстве в сегменты, после чего групповые данные можно удалять независимо от данных, хранящихся в других сегментах.

Подробную информацию см. в документации Storage Buckets API.

Image 2

API асинхронного буфера обмена: чтение несанкционированного HTML

Бета-версия Chrome 122 включает в себя unsanitized опцию метода read()Async Clipboard API для получения несанкционированного формата HTML.

JavaScript Set методы 

Chrome 122 реализует следующие методы Set:

Эти методы уже реализованы в Safari, начиная с версии 17, и есть в Firefox Nightly.

Image 3

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

Читайте также
Что значат стабильные версии браузеров Firefox 122, Chrome 121 и Safari 17.3 в феврале 2024
Что значат стабильные версии браузеров Firefox 122, Chrome 121 и Safari 17.3 в феврале 2024
Что значат стабильные версии браузеров Firefox 122, Chrome 121 и Safari 17.3 в феврале 2024

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

Что нового в Chrome 123
Что нового в Chrome 123
Что нового в Chrome 123

С помощью новой функции light-dark() можно адаптировать свою цветовую схему; диагностика отзывчивости сайта с помощью API Long Animation Frames; с помощью API статической маршрутизации Service Worker можно избегайте снижения производительности при запуске Service Worker

Новая уязвимость: Больше 100,000 сайтов пострадали из-за Polyfill.io
Новая уязвимость: Больше 100,000 сайтов пострадали из-за Polyfill.io
Новая уязвимость: Больше 100,000 сайтов пострадали из-за Polyfill.io

Внимание, веб-разработчики! Если ваш сайт использует код с домена Polyfill.io, настоятельно рекомендуем немедленно удалить его. Домен, ранее известный своей полезностью для добавления функционала в устаревшие браузеры, теперь используется для распространения вредоносного ПО.

Browserling добавила 20 новых инструментов для работы с JPG
Browserling добавила 20 новых инструментов для работы с JPG
Browserling добавила 20 новых инструментов для работы с JPG

Среди новых инструментов: наложение водяного знака в формате jpg, удаление фона, создание JPG для социальных сетей и другие.