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

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

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

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

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

Browser Support

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

Source

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

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

Browser Support

  • Хром: 89.
  • Край: 89.
  • Фаерфокс: 131.
  • Сафари: 18.2.

Source

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

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

Browser Support

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

Source

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

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

Browser Support

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

Source

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

Browser Support

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

Source

fetchPriority

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

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

Browser Support

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

Source

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

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

Browser Support

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

Source

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

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

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

Browser Support

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

Source

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

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

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

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

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

Browser Support

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

Source

Исправления специальных возможностей в 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, поэтому вы можете предоставлять собственные верхние и нижние колонтитулы при печати из Интернета.