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

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

Рэйчел Эндрю

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

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

Несколько значений для свойства display CSS

Chrome 115 включает несколько значений свойства CSS display . Это означает, что display: flex становится display: block flex и display: block становится display: block flow . Отдельные значения сохраняются как устаревшие ключевые слова. Эти значения теперь доступны в трех основных механизмах.

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

  • 115
  • 115
  • 70
  • 15

Анимация, управляемая прокруткой

Также в Chrome 115 есть расширения ScrollTimeline и ViewTimeline спецификации веб-анимации. Они позволяют использовать анимацию, управляемую прокруткой, с помощью CSS и JavaScript.

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

  • 115
  • 115
  • Икс
  • Икс

Источник

API-интерфейсы песочницы конфиденциальности

API-интерфейсы релевантности и измерения Privacy Sandbox, представленные в Chrome 115. Сюда входят API-интерфейсы Topics, Protected Audience, Reporting Attribution, Private Aggregation, Shared Storage и Fenced Frames.

Чтобы узнать больше об этих API, ознакомьтесь с демонстрациями Privacy Sandbox .

Свойство animation-composition

Firefox 115 поддерживает свойство CSS animation-composition . Создание animation-composition поддерживается во всех трех основных движках. Узнайте больше в статье Укажите, как несколько эффектов анимации должны объединяться с помощью анимации-композиции .

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

  • 112
  • 112
  • 115
  • 16

Источник

Методы массива

Также совместимость с Firefox 115 достигается за счет набора методов Array и TypedArray . Array.toReversed() , Array.toSorted() , Array.toSpliced() , Array.with() , TypedArrays.toReversed() , TypedArrays.toSorted() и TypedArrays.with() возвращают новый массив с элементами, которые было мелко скопировано.

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

  • 110
  • 110
  • 115
  • 16

Источник

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

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

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

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