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

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

Опубликовано: 27 ноября 2024 г.

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

API веб-кодеков

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

Browser Support

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

Source

Свойство permissions WorkerNavigator

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

Browser Support

  • Хром: 43.
  • Край: 79.
  • Фаерфокс: 133.
  • Сафари: 16.4.

Source

Поля @page

В Chrome 131 добавлена ​​поддержка полей полей страницы при печати веб-документа или его экспорте в формате PDF.

Поля полей @page позволяют определять содержимое в области полей страницы, например, для предоставления пользовательских верхних и нижних колонтитулов вместо использования встроенных верхних и нижних колонтитулов, созданных браузером.

Также поддерживаются счетчики для нумерации страниц. Спецификация определяет два специальных имени счетчика: page для текущего номера страницы и pages для общего количества страниц.

Узнайте больше в разделе «Добавление содержимого на поля страниц, напечатанных с помощью CSS» .

Browser Support

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

Поддержка currentcolor в синтаксисе относительного цвета.

Chrome 131 позволяет относительным цветам в CSS (с использованием ключевого слова from ) использовать currentcolor в качестве основы. Это позволяет вам устанавливать дополнительные цвета на основе цвета текста элемента для границ, теней или фона этого элемента.

Методы Uint8Array

В Firefox 133 добавлен ряд новых методов Uint8Array для упрощения преобразования между строками в кодировке base64- и шестнадцатеричным кодированием и массивами байтов:

  • Uint8Array.fromBase64() и Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64() и Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64() и Uint8Array.prototype.toHex()

Browser Support

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

Source

WebHID для выделенных работников

Chrome 131 поддерживает WebHID внутри выделенных рабочих контекстов. Это позволяет выполнять интенсивный ввод-вывод и обработку данных с HID-устройства в отдельном потоке, помогая снизить влияние на производительность основного потока.

Browser Support

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

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

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

Safari 18.2 включает методы Uint8Array , упомянутые ранее в этом посте как поставляемые в Firefox, и дескрипторы полей @page , которые появились в Chrome в этом месяце. Имеется хороший список новых функций CSS, включая поддержку переходов между представлениями документов, ruby-align и text-box-trim .

Chrome 132 включает поддержку ключевых словsideways sideways-rl sideways-lr для свойства CSS writing-mode , событий переключения для <dialog> и метода bytes() для интерфейсов Request и Response .

В Firefox 134 пока мало подробностей, однако, похоже, он включает в себя Promise.try , который также присутствует в бета-версии Safari 18.2.