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

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

Рэйчел Эндрю

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

В сентябре Firefox 105 , Chrome 106 и Safari 16 стали стабильными. Это означает, что сентябрьский пост полон интересных вещей для веб-платформы.

Контейнерные запросы

В Safari 16 добавлена ​​поддержка контейнерных запросов — функция, которая теперь доступна в двух движках. Safari также добавляет поддержку новых модулей запроса контейнера .

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

  • 105
  • 105
  • 110
  • 16

Источник

Макет сетки

В Safari реализована поддержка значения subgrid для grid-template-columns и grid-template-rows . Использование этого значения в сетке, которая также является элементом сетки, означает, что вместо определения новых дорожек сетка использует те, которые охватывают родительский элемент.

В Safari или Firefox верхние и нижние колонтитулы этих карточек будут выровнены, поскольку их дорожки являются подсеткой родительского элемента.

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

  • 117
  • 117
  • 71
  • 16

Источник

Кроме того, в Safari для макета сетки предусмотрена возможность анимировать дорожки сетки.

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

  • 107
  • 107
  • 66
  • 16

Safari также добавил поддержку offset-path , overscroll-behavior , text-align-last и медиа-запроса разрешения .

Кодирование API

Firefox 105 поддерживает интерфейсы TextDecoderStream и TextEncoderStream Encoding API.

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

  • 71
  • 79
  • 105
  • 14.1

Источник

Новые международные API

API-интерфейсы Intl помогают отображать контент в локализованном формате, а в Chrome 106 добавлено множество новых функций числовых форматов.

Как и другие международные API, это перекладывает нагрузку на систему, поэтому вам не нужно отправлять или поддерживать сложный код локализации каждому пользователю. API знает, где находится символ валюты, как форматировать дату и время или составлять список.

Метод showPicker()

Safari 16 содержит метод showPicker() , позволяющий отображать в браузере средство выбора даты, времени, цвета и файлов. Вы можете узнать больше об этом , отобразив в браузере средство выбора даты, времени, цвета и файлов .

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

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

Chrome 107 включает возможность анимировать дорожки сетки, которые также появились в Safari в этом месяце. Как только это появится в Chrome, оно будет поддерживаться во всех трех основных движках.

Также в Chrome есть некоторые дополнения к getDisplayMedia() , целью которых является предотвращение случайного совместного использования при совместном использовании экрана .

  • Параметр displaySurface может указывать, что веб-приложение предпочитает предлагать определенный тип поверхности отображения (вкладки, окна или экраны).
  • Параметр surfaceSwitching указывает, должен ли Chrome разрешать пользователю динамически переключаться между общими вкладками.
  • Опцию selfBrowserSurface можно использовать, чтобы запретить пользователю делиться текущей вкладкой. Это позволяет избежать эффекта «зеркального зала».
  • Параметр systemAudio гарантирует, что Chrome предлагает пользователю только соответствующий аудиозапись.

Safari 16.1 включает дополнительное исправление доступности display: contents , исправление динамических единиц высоты области просмотра ( dvh ) и поддержку прокрутки к фрагментам текста.

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