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

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

Рейчел Эндрю

Опубликовано: 31 марта 2025 г.

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

В марте 2025 года Firefox 136 , Chrome 134 и Safari 18.4 стали стабильными. В этой статье рассматриваются новые функции, добавленные в веб-платформу.

Новые псевдоклассы :has-slotted и :open

Firefox 136 поддерживает псевдокласс :has-slotted , используемый для стилизации элементов в <template> , содержимое которых добавляется в элемент <slot> при рендеринге веб-компонента.

Browser Support

  • Хром: 134.
  • Край: 134.
  • Firefox: 136.
  • Safari: не поддерживается.

Source

Псевдокласс :open позволяет выбрать любой элемент, который в данный момент находится в открытом состоянии. Это применимо к элементам <details> , <dialog> , <input> с пикером и элементам <select> , когда открыто раскрывающееся поле выбора.

Browser Support

  • Хром: 133.
  • Край: 133.
  • Firefox: 136.
  • Safari: не поддерживается.

Source

Intl.DurationFormat

Firefox 136 также поддерживает Intl.DurationFormat . Это позволяет вам форматировать длительности с учетом локали. Эта функция присоединяется к Baseline, и вы можете узнать больше в Intl.DurationFormat теперь Baseline Недавно доступно .

Browser Support

  • Хром: 129.
  • Край: 129.
  • Firefox: 136.
  • Сафари: 16.4.

Source

Значение атрибута contenteditable plaintext-only

Еще одна функция, которая становится Baseline Newly доступной в этом выпуске Firefox, — это значение plaintext-only глобального атрибута contenteditable . Читайте об этом значении в The contenteditable "plaintext-only" attribute value combination is now Baseline Newly available .

Browser Support

  • Хром: 51.
  • Край: 12.
  • Firefox: 136.
  • Сафари: ≤13,1.

Режимы бокового письма для CSS

Safari 18.4 включает поддержку writing-mode: sideways-rl и writing-mode: sideways-lr . Эти значения используются, когда вы хотите отобразить текст вертикально в целях наглядности. Теперь они должны стать Baseline Недавно доступны.

Browser Support

  • Хром: 132.
  • Край: 132.
  • Firefox: 43.
  • Сафари: 18.4.

Функция CSS shape()

Также в Safari 18.4 есть функция CSS shape() , позволяющая создавать адаптивные фигуры свободной формы в clip-path.

Browser Support

  • Хром: 135.
  • Край: 135.
  • Предварительная версия технологии Firefox: поддерживается.
  • Сафари: 18.4.

Source

ClipboardItem.supports()

Safari 18.4 реализует метод supports() для ClipboardItem() . Это позволяет вам видеть, какие форматы поддерживаются во время операций с буфером обмена, и теперь доступно Baseline Newly.

Browser Support

  • Хром: 121.
  • Край: 121.
  • Firefox: 127.
  • Сафари: 18.4.

Source

Легко отклонить для <dialog>

Одной из приятных особенностей API Popover является его поведение легкого отклонения. Это поведение теперь является частью <dialog> , реализованного в Chrome 134, с новым атрибутом closedby , контролирующим поведение.

Browser Support

  • Хром: 134.
  • Край: 134.
  • Предварительная версия технологии Firefox: поддерживается.
  • Safari: не поддерживается.

API Web Locks теперь поддерживается в общем хранилище

Chrome 134 интегрирует API Web Locks в Shared Storage. Это предотвращает сценарии, когда измерение межсайтового охвата может привести к дублированию отчетов из-за потенциальных условий гонки в логике get() и set() .

Выпуски бета-версий браузера

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

Firefox 137 включает статический метод Math.sumPrecise , который возвращает сумму Iterable (например, Array). Этот выпуск также включает Atomics.pause() . Этот метод дает подсказку процессору, что текущий поток находится в спин-блокировке, ожидая доступа к общему ресурсу.

Chrome 135 включает ряд функций CSS, связанных с созданием каруселей. Он также включает настраиваемые элементы <select> , а также атрибуты command и commandfor .