Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в феврале 2023 года.
Стабильные версии браузера
В феврале 2023 года Firefox 110 и Chrome 110 стали стабильными. Давайте посмотрим, что это значит для веб-платформы.
Контейнерные запросы во всех трёх движках
В Firefox 110 включена поддержка запросов размера контейнера , благодаря чему эта ключевая функция доступна во всех трех движках.
Начальные буквы CSS
В Chrome 110 добавлена поддержка свойства initial-letter CSS. Это свойство задает количество строк, на которые начальная буква должна погрузиться в следующие строки текста. Узнайте больше в статье Управляйте буквицами с помощью CSS Initial-letter .
Асинхронная итерация ReadableStream
Firefox добавил поддержку асинхронного итерируемого протокола в ReadableStream .
АудиоКонтекст.setSinkId()
В Chrome AudioContext.setSinkId устанавливает идентификатор аудиоустройства, которое будет использоваться для вывода. Это позволяет AudioContext направлять звук на подключенное устройство вывода по выбору пользователя.
Подробнее об этой функции читайте в статье Изменение целевого устройства вывода в веб-аудио .
IFrame без учетных данных
Также в Chrome IFrame без учетных данных дает разработчикам возможность загружать документы в сторонние iframe, используя новые и эфемерные контексты. Iframe без учетных данных — это обобщение COEP без учетных данных для поддержки сторонних iframe, которые не могут развертывать COEP. Это устраняет ограничение, согласно которому сторонние iframe должны поддерживать COEP для встраивания в страницу COEP, и разблокирует разработчиков, желающих внедрить изоляцию между источниками.
Узнайте больше о iframe без учетных данных .
Поддержка браузера
- 110
- 110
- Икс
- Икс
Ранняя стабильная
Chrome 110 также ознаменовал изменение графика выпуска Chrome. Ранняя стабильная версия выйдет на неделю раньше, чем общая версия, для небольшого процента пользователей. Подробнее об этом изменении можно узнать в статье Изменение графика выпуска Chrome 110 .
Бета-версии браузера
Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — Firefox 111 , Safari 16.4 и Chrome 111 . Эти выпуски привносят в платформу множество замечательных функций. Ознакомьтесь со всеми подробностями в примечаниях к выпуску, вот лишь несколько основных моментов.
Firefox добавляет поддержку частной файловой системы Origin (OPFS) при использовании API доступа к файловой системе.
Chrome включает в себя все функции, описанные в CSS Color Level 4. Сюда входят четыре аппаратно-независимых типа цвета (lab, Oklab, lch и Oklch), функция color() и определяемые пользователем цветовые пространства для градиентов и анимации. Также включена функция color-mix() из CSS Color 5.
Прочтите руководство по цветам CSS высокой четкости , чтобы узнать об этих новых типах цветов и пространствах.
Chrome также включает API View Transitions, который обеспечивает безупречные переходы в одностраничных приложениях (SPA). Подробную информацию можно найти в документации View Transitions .
Также в Chrome 111 есть декларативный теневой DOM — новый способ реализации и использования теневого DOM непосредственно в HTML.
Safari 16.4 обещает стать огромным обновлением для платформы. Что касается CSS, выпуск включает поддержку псевдоклассов :user-invalid и :user-valid , свойства margin-trim , синтаксиса диапазона для медиа-запросов , а также поддержку API свойств и значений CSS и @property .
Safari также включает поддержку Web Push и Badging API , а также ряда других веб-API. Это действительно захватывающий релиз, в котором ряд функций станут совместимыми .
Часть новой веб-серии.