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

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

Рейчел Эндрю

Опубликовано: 30 апреля 2025 г.

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

В апреле 2025 года Firefox 137 , Firefox 138 , Chrome 135 и Chrome 136 стали стабильными. В этой статье рассматриваются новые функции, добавленные в веб-платформу в течение месяца, в течение которого вышло два релиза Chrome и Firefox.

Карусели приземляются в Chrome

Некоторые функции, появившиеся в Chrome в версии 135, позволяют создавать карусели и другие постраничные элементы в Интернете.

Псевдоэлементы ::scroll-button() и ::scroll-marker() позволяют добавлять кнопки и маркеры в любую прокручиваемую область вашего сайта, предоставляя ему элементы управления навигацией и способ показать пользователю, где он находится по мере продвижения по карусели.

Browser Support

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

Source

Псевдоэлемент ::column , позволяющий стилизовать фрагмент столбца.

Browser Support

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

Source

Свойство interactivity определяет, являются ли элемент и его потомки в плоском дереве (включая текстовые фрагменты) инертными или нет.

Browser Support

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

Если сделать элемент инертным, это повлияет на то, можно ли его сфокусировать, редактировать, выбрать и найти с помощью find-in-page. Это также повлияет на то, будет ли он виден в дереве доступности.

Дополнительную информацию можно найти в статье «Карусели с CSS» .

command и атрибуты commandfor

Также в Chrome 135 есть атрибуты command и commandfor . Они улучшают и заменяют атрибуты popovertargetaction и popovertarget . Эти новые атрибуты можно добавлять к кнопкам, позволяя браузеру решать некоторые основные проблемы, связанные с простотой и доступностью, и предоставлять встроенную общую функциональность.

Подробнее читайте в разделе Знакомство command и commandfor .

Browser Support

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

Source

Функция CSS shape()

Функция CSS shape() в Chrome 135 используется для определения формы для свойств clip-path и offset-path . Узнайте, как использовать ее для адаптивного отсечения . Эта функция была представлена ​​в Safari 18.4, а также в Firefox Nightly, надеемся, что она станет Baseline Newly доступной очень скоро.

Browser Support

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

Source

Atomics.pause()

Firefox 137 включает Atomics.pause() делая эту функцию базовой недавно доступной. Этот статический метод предоставляет примитив микроожидания, который намекает ЦП, что вызывающий объект вращается, ожидая доступа к общему ресурсу. Это позволяет системе уменьшить ресурсы, выделенные ядру (например, питание) или потоку, не уступая текущий поток.

Browser Support

  • Хром: 133.
  • Край: 133.
  • Firefox: 137.
  • Сафари: 18.4.

Source

CSS hyphenate-limit-chars

Firefox 137 также включает свойство CSS hyphenate-limit-chars . Это свойство определяет минимальную длину слова, чтобы разрешить перенос слов, и минимальное количество символов до и после дефиса.

Browser Support

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

Source

RegExp.escape

Статический метод RegExp.escape появился во всех браузерах в течение нескольких месяцев и стал новым базовым методом, поскольку он появился в Chrome 136.

Этот метод экранирует любые потенциальные символы синтаксиса регулярного выражения в строке, возвращая новую строку, которую можно безопасно использовать в качестве буквального шаблона для конструктора RegExp() .

Browser Support

  • Хром: 136.
  • Край: 136.
  • Firefox: 134.
  • Сафари: 18.2.

Source

Error.isError()

Статический метод Error.isError() определяет, является ли переданное значение ошибкой. Он включен в Firefox 138. Хотя он поддерживается во всех браузерах, он пока не считается базовым. Недавно доступен, поскольку Safari в настоящее время возвращает false для экземпляров DOMException .

Browser Support

  • Хром: 134.
  • Край: 134.
  • Firefox: 138.
  • Сафари: 18.4.

Source

API статуса входа для FedCM

Firefox 138 поддерживает API статуса входа при использовании API Federated Credential Management (FedCM). Это используется для установки и проверки того, вошел ли пользователь браузера в систему поставщика удостоверений. Firefox 138 включает поддержку интерфейса NavigatorLogin , свойства navigator.login и заголовка ответа HTTP Set-Login .

Browser Support

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

Source

Целостность импортной карты

В Firefox 138 значение importmap атрибута type элемента <script> теперь поддерживает ключ integrity . Это позволяет сопоставлять URL-адреса модулей ES, на которые ссылаются в картах импорта, с их метаданными целостности. Эта функция теперь доступна в Baseline Newly.

Browser Support

  • Хром: 127.
  • Край: 127.
  • Firefox: 138.
  • Сафари: 18.

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

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

Бета-версия Safari 18.5 пока включает в себя лишь несколько исправлений ошибок после большого релиза 18.4.

На момент написания статьи Firefox не опубликовали свои заметки о выпуске, однако бета-версия, по-видимому, включает отправку Temporal API , что делает Firefox первым браузером, поставляющим эту улучшенную версию Date. Также реализован <dialog> request.close() , который перенесет этот метод в Baseline Недавно доступно.