В Firefox 96 улучшена поддержка CSS и Canvas для разработчиков

Mozilla выпустила Firefox 96, обновление браузера, которое обеспечивает поддержку новых свойств и функций CSS, а также добавляет поддержку кодировщика изображений для формата WebP в Canvas API.

Firefox 96 был опубликован для пользователей канала 11 января. Для CSS Firefox теперь поддерживает color-scheme свойство, которое позволяет элементу указать, в каких цветовых схемах его можно удобно отобразить. Так же counter-reset свойство теперь поддерживает reversed() функция для построения обратных счетчиков CSS, которые предназначены для нумерации элементов в порядке убывания. reversed() Функтон можно использовать с list-item счетчик нумерации упорядоченных списков в обратном порядке.

Кроме того, для CSS hwb() реализована функция для использования в качестве значения цвета CSS. hwb() Функция описывает цвет по его оттенку, белизне и черноте.

Между тем, Canvas API Firefox для рисования графики получает поддержку кодировщика изображений для формата изображений WebP. Это позволяет элементам холста экспортировать контент в виде данных WebP при использовании таких методов, как HTMLCanvasElement.toDataURL() и HTMLCanvasElement.toBlob().

В бюллетене Mozilla по Firefox 96 для разработчиков не упоминается никаких заметных изменений, касающихся HTML или JavaScript. Но другие изменения, имеющие отношение к разработчикам, включают следующее:

• Файлы cookie, отправленные с одного и того же домена, но с использованием разных схем, теперь считаются файлами с разных сайтов в соответствии с директивой Cookie SameSite. Кроме того, предполагается, что файлы cookie устанавливаются неявно. SameSite=Lax если SameSite атрибут не указан, а файлы cookie с SameSite=None требуют безопасного контекста.
• БанкаShare() API теперь поддерживается на Android, что позволяет коду проверять, работает ли навигация.ator.share() будет успешным для конкретных целей. Кроме того, по умолчанию включен экспериментальный API веб-блокировок, что позволяет веб-приложениям, работающим на нескольких вкладках, или рабочим процессам координировать использование ресурсов.
• Для DOM IntersectionObserver() конструктор теперь устанавливает значение по умолчанию rootMargin если в соответствующем параметре передается пустая строка, а не выдается исключение.

В других частях Firefox 96 были внесены улучшения в подавление шума, автоматическое управление усилением и эхоподавление, чтобы обеспечить лучшее качество звука в целом. Нагрузка на основной поток также была уменьшена. В целях безопасности Firefox теперь будет применять Cookie Policy: Same-Site=lax по умолчанию для защиты от атак с подделкой межсайтовых запросов.