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

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

Стабильные версии браузера

В феврале 2023 года Firefox 110 и Chrome 110 стали стабильными. Давайте посмотрим, что это означает для веб-платформы.

Контейнерные запросы во всех трех движках

В Firefox 110 включена поддержка для размера контейнерных запросов, что сделало эту ключевую функцию доступной во всех трех движках.

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

CSS initial letters

В Chrome 110 добавлена поддержка свойства CSS initial-letter. Это свойство задает количество строк, на которое начальная буква должна помещаться в следующие строки текста. Узнайте больше в статье Управляйте буквицами с помощью начальной буквы CSS.

Поддержка браузеров 105x1109

Асинхронная итерация `ReadableStream`

Firefox добавил поддержку асинхронного протокола взаимодействия в ReadableStream.

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

AudioContext.setSinkId()

В Chrome AudioContext.setSinkId устанавливает идентификатор аудиоустройства, которое будет использоваться для вывода. Это позволяет AudioContext направлять звук на подключенное устройство вывода по выбору пользователя.

Узнайте больше об этой функции в статье Изменение целевого устройства вывода в Web Audio.

Поддержка браузеров 110x110x

IFrame credentialless

Также в Chrome IFrame credentialless дает разработчикам возможность загружать документы в сторонние iframe, используя новые и эфемерные контексты. IFrame credentialless — это обобщение COEP без учетных данных для поддержки сторонних iframe, которые не могут развертывать COEP. Это устраняет ограничение, согласно которому сторонние iframe должны поддерживать COEP, чтобы их можно было встроить в страницу COEP, и разблокирует разработчиков, желающих внедрить изоляцию между источниками.

Подробнее про COEP

Подробнее про IFrame credentialless

Поддержка браузеров 110x110x

Стабильная версия раньше

В Chrome 110 также произошли изменения в графике релиза Chrome. Ранний стабильный выпуск будет выпущен на неделю раньше основного выпуска для небольшого процента пользователей. Вы можете узнать больше об этом изменении в статье изменение графика выпуска Chrome 110.

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

Бета-версии браузера дают вам предварительное представление о том, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новыми бета-версиями являются Firefox 111, Safari 16.4 и Chrome 111. Эти выпуски привносят в платформу множество замечательных функций. Ознакомьтесь со всеми подробностями в примечаниях к выпуску, вот лишь несколько основных моментов.

Firefox добавляет поддержку Origin Private File System (OPFS) при использовании File System Access API.

Chrome включает в себя все функции, описанные в CSS Color Level 4. Сюда входят четыре независимых от устройства типа цвета (lab, Oklab, lch и Oklch), функция color() и определяемые пользователем цветовые пространства для градиентов и анимации. Также включена функция color-mix() из CSS Color 5.

Статья о новых цветовых типах и пространствах

Chrome также включает View Transitions API, который обеспечивает безупречные переходы в одностраничных приложениях (SPA). Узнайте больше в документации по View Transitions.

Также в Chrome 111 есть декларативный shadow DOM — новый способ реализации и использования shadow DOM непосредственно в HTML.

Safari 16.4 обещает стать значимым релизом для платформы. Для CSS релиз включает поддержку псевдоклассов :user-invalid и :user-valid, свойство margin-trim, синтаксис диапазона для медиа-запросов, а также поддержку API свойств и значений CSS и @property.

Safari также включает поддержку Web Push и Badging API, а также ряд других веб-API. Это действительно захватывающий релиз, в котором ряд функций станет совместимым.

Оригинал статьи на английском https://web.dev/web-platform-02-2023/

Последняя редакция 1 марта, 2023 в 06:03