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

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

В октябре 2024 года Firefox 131 , Firefox 132 , Safari 18.1 и Chrome 130 стали стабильными. В этом посте рассматриваются новые функции, добавленные в веб-платформу.

Помощники синхронного итератора

В Firefox 131 добавлена ​​поддержка синхронных помощников итераторов. Например, Iterator.prototype.forEach() и Iterator.prototype.map() . Эти помощники позволяют выполнять операции с итераторами, подобные массивам, без создания промежуточных объектов массива, включая очень большие наборы данных, где создание промежуточного массива невозможно.

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

  • Хром: 122.
  • Край: 122.
  • Фаерфокс: 131.
  • Сафари: не поддерживается.

Источник

Фрагменты текста

Также в Firefox 131 есть поддержка текстовых фрагментов вместе с псевдоэлементом CSS ::target-text .

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

  • Хром: 89.
  • Край: 89.
  • Фаерфокс: 131.
  • Предварительная версия технологии Safari: поддерживается.

Источник

Файлы cookie с независимым разделенным состоянием (CHIPS)

Firefox 131 включает в себя CHIPS , позволяющий помещать файлы cookie в разделенное хранилище с помощью директивы partitioned HTTP-заголовка Set-Cookie .

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

  • Хром: 114.
  • Край: 114.
  • Фаерфокс: 131.
  • Сафари: не поддерживается.

Источник

Обновления СМИ

Во втором выпуске Firefox, который выйдет в октябре, представлен набор мультимедийных функций, которые присоединяются к «Новым базовым версиям». Firefox 132 включает методы requestVideoFrameCallback() и cancelVideoFrameCallback() HTMLVideoElement .

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

  • Хром: 83.
  • Край: 83.
  • Фаерфокс: 132.
  • Сафари: 15.4.

Источник

Также включен метод MediaStreamTrack.getCapabilities() .

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

  • Хром: 59.
  • Край: 12.
  • Фаерфокс: 132.
  • Сафари: 11.

Источник

fetchPriority

API-интерфейс Fetch Priority указывает относительный приоритет ресурсов для браузера. Он поддерживается начиная с Firefox 132, а это означает, что этот полезный API теперь доступен в базовой версии.

Узнайте больше в разделе «Оптимизация загрузки ресурсов с помощью API Fetch Priority» .

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

  • Хром: 102.
  • Край: 102.
  • Фаерфокс: 132.
  • Сафари: 17.2.

Источник

Полная поддержка box-decoration-break

Chrome 130 включает полную поддержку свойства CSS box-decoration-break без префиксов. Сюда входит значение clone для блочной и встроенной фрагментации.

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

  • Хром: 130.
  • Край: 130.
  • Фаерфокс: 32.
  • Сафари: 7.

Источник

Подробнее об этом свойстве читайте в разделе Свойство box-decoration-break в Chrome 130 .

Правило вложенных объявлений

Chrome 130 и Firefox 132 поддерживают вложенные объявления CSS. Это означает, что вложенный CSS правильно анализируется, как описано в разделе «Улучшение вложенности CSS с помощью CSSNestedDeclarations .

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

  • Хром: 130.
  • Край: 130.
  • Фаерфокс: 132.
  • Сафари: не поддерживается.

Атрибут connected Web Serial и события подключения RFCOMM

В Chrome 130 добавлен логический атрибут SerialPort.connected . Атрибут возвращает значение true, если последовательный порт логически подключен.

Благодаря этой функции последовательные порты Bluetooth RFCOMM отправляют эти события, когда порт становится логически подключенным или отключенным.

Эта функция предназначена для того, чтобы приложения могли определять доступность последовательного порта Bluetooth RFCOMM, не открывая его.

Дополнительную информацию см. в обновлениях Bluetooth RFCOMM в веб-сериале .

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

  • Хром: 130.
  • Край: не поддерживается.
  • Firefox: не поддерживается.
  • Сафари: не поддерживается.

Исправления специальных возможностей в Safari.

Выпуск Safari 18.1 выходит вскоре после Safari 18 и исправляет ряд проблем с доступностью, в частности, с display: contents .

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

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

Firefox 133 поддерживает интерфейсы ImageDecoder , ImageTrackList и ImageTrack API WebCodecs , позволяя декодировать изображения из основного и рабочих потоков.

Firefox 133 также поддерживает WorkerNavigator.permissions .

Chrome 131 включает наследование выделения CSS , где псевдоклассы выделения CSS, такие как ::selection и ::highlight , наследуют свои свойства через цепочку псевдовыделений, а не через цепочку элементов. Результатом является более интуитивная модель наследования свойств в выделенных фрагментах.

Также в Chrome 131 есть поддержка постраничных полей мультимедиа @page CSS, поэтому вы можете предоставлять собственные верхние и нижние колонтитулы при печати из Интернета.