Откройте для себя некоторые интересные функции, которые появились в стабильных и бета-версиях веб-браузеров в августе 2023 года.
Стабильные версии браузера
В августе 2023 года Firefox 116 , Firefox 117 , Safari 16.6 и Chrome 116 стали стабильными. В этом посте рассматривается, что это значит для веб-платформы.
Firefox 116 поддерживает API устройств вывода звука на всех платформах, кроме Android. Этот API позволяет веб-приложениям перенаправлять аудиовыход на разрешенную гарнитуру Bluetooth, громкую связь или другое устройство вместо использования браузера или базовой ОС по умолчанию.
Chrome 116 включает CSS Motion Path, позволяющий анимировать любой графический объект по пути, указанному разработчиком. Это открывает ряд новых мощных возможностей преобразования, таких как позиционирование с использованием полярных координат (с помощью функции ray()
) вместо стандартных прямоугольных координат, используемых функцией translate()
, или анимация элемента по определенному пути. Это упрощает определение сложных и красивых 2D-пространственных переходов. Путь может быть указан как circle()
, ellipse()
, rect()
, inset()
, xywh()
, polygon()
, ray()
и url()
.
Также в Chrome 116 есть API Document Picture-in-Picture . Это обеспечивает постоянное размещение окна сверху, которое можно заполнить произвольными HTML-элементами. Это расширение существующего API HTMLVideoElement, которое позволяет помещать HTMLVideoElement только в окно «картинка в картинке» (PiP).
Firefox 117 поддерживает вложение CSS и селектор вложения &
. Это позволяет вкладывать одно правило стиля в другое. Это делает CSS Nesting совместимым с оговоркой: Safari и Chrome реализовали более старую версию спецификации, которая не позволяла вкладывать селекторы типов . Firefox реализовал новую версию спецификации, которая не требует селектора вложения &
. Вы можете увидеть примеры обеих версий в разделе «Использование вложенности CSS» .
Бета-версии браузера
Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — Firefox 118 и Chrome 117 . Бета-версия Safari 17 все еще продолжается. Эти выпуски привносят в платформу множество замечательных функций. Ознакомьтесь со всеми подробностями в примечаниях к выпуску, вот лишь несколько основных моментов.
О следующем выпуске Firefox пока доступно не так уж много информации. Однако Chrome 117 обещает некоторые интересные функции. Например, некоторые новые функции CSS, которые позволяют использовать анимацию входа и выхода .
Значение subgrid
для grid-template-columns
и grid-template-rows
включено в Chrome 117, что делает эту долгожданную функцию совместимой.
Также в Chrome 117 реализована группировка массивов JavaScript с помощью статических методов Object.groupBy и Map.groupBy .
Бета-версия Safari 17 включает атрибут popover
, добавляющий поддержку Popover API .
Часть новой веб-серии.