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

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

В августе 2023 года Firefox 116 , Firefox 117 , Safari 16.6 и Chrome 116 стали стабильными. В этом посте рассматривается, что это значит для веб-платформы.

Firefox 116 поддерживает API устройств вывода звука на всех платформах, кроме Android. Этот API позволяет веб-приложениям перенаправлять аудиовыход на разрешенную гарнитуру Bluetooth, громкую связь или другое устройство вместо использования браузера или базовой ОС по умолчанию.

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

  • Икс
  • Икс
  • 116
  • Икс

Источник

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).

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

  • 116
  • 116
  • Икс
  • Икс

Источник

Firefox 117 поддерживает вложение CSS и селектор вложения & . Это позволяет вкладывать одно правило стиля в другое. Это делает CSS Nesting совместимым с оговоркой: Safari и Chrome реализовали более старую версию спецификации, которая не позволяла вкладывать селекторы типов . Firefox реализовал новую версию спецификации, которая не требует селектора вложения & . Вы можете увидеть примеры обеих версий в разделе «Использование вложенности CSS» .

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

  • 120
  • 120
  • 117
  • 17.2

Источник

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

Бета-версии браузера дают вам предварительный просмотр того, что будет в следующей стабильной версии браузера. Это прекрасное время для тестирования новых функций или удалений, которые могут повлиять на ваш сайт, прежде чем мир получит эту версию. Новые бета-версии — 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 .

Часть новой веб-серии.