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

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

Рэйчел Эндрю

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

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

В апреле в стабильную версию Chrome 147 и Firefox 150 были выпущены обновления. В этом месяце стабильного релиза Safari не было. В этой статье мы рассмотрим множество новых функций, появившихся в этом месяце.

Функция CSS contrast-color() становится функцией Baseline.

Благодаря добавлению функции contrast-color() в Chrome 147, эта полезная функция специальных возможностей теперь доступна во всех основных движках, что делает её базовой функцией, недавно появившейся в сети.

Эта функция принимает значение цвета и возвращает либо черный, либо белый цвет, в зависимости от того, какой из них обеспечивает наибольший контраст с заданным цветом. Это помогает гарантировать, что ваш текст соответствует требованиям доступности по контрасту.

Browser Support

  • Chrome: не поддерживается.
  • Edge: не поддерживается.
  • Firefox: 146.
  • Сафари: 26.

Source

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

В Firefox 150 добавлена ​​поддержка свойств animation-range-start и animation-range-end , а также сокращенная запись animation-range . Это делает эти свойства доступными в базовой версии.

Эти свойства позволяют управлять тем, где на временной шкале анимации, управляемой прокруткой, анимация начнется и закончится.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: не поддерживается.
  • Сафари: 26.

Source

Метод ariaNotify()

В Firefox 150 добавлена ​​поддержка метода ariaNotify() для элементов Document и Element . Этот метод позволяет авторам контента ставить в очередь текстовую строку для озвучивания программой чтения с экрана.

Это обеспечивает более надежную и эргономичную альтернативу динамическим регионам ARIA, особенно для объявлений, не связанных с обновлениями DOM.

Browser Support

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

Source

Автоматическая подгонка размеров для изображений, загружаемых с задержкой.

В Firefox 150 теперь поддерживается ключевое слово "auto" для атрибута sizes элементов <img> . Это позволяет изображениям с отложенной загрузкой использовать вычисленный размер макета изображения для выбора наилучшего источника из srcset , что упрощает настройку адаптивных изображений.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: не поддерживается.
  • Safari: не поддерживается.

Source

Переходы между представлениями, ограниченные областью видимости элемента.

В Chrome 147 добавлена ​​возможность использования element.startViewTransition() для произвольных HTML-элементов. Это позволяет создавать переходы, ограниченные конкретным элементом, то есть псевдоэлементы подвергаются воздействию родительских клипов и преобразований, и несколько переходов могут выполняться одновременно.

Свойство CSS border-shape

В Chrome 147 появилось свойство border-shape , позволяющее создавать непрямоугольные границы с помощью таких фигур, как многоугольники или круги.

SVG <textPath> атрибут пути

В Chrome 147 добавлена ​​поддержка атрибута path для элемента SVG <textPath> , позволяющая определять геометрию текстового пути непосредственно в тексте.

Browser Support

  • Chrome: не поддерживается.
  • Edge: не поддерживается.
  • Firefox: 61.
  • Safari: не поддерживается.

Поддержка предварительной загрузки модулей для JSON и стилей.

В Chrome 147 добавлена ​​поддержка типов JSON и модулей стилей в качестве целевых объектов <link rel="modulepreload"> .

Browser Support

  • Chrome: 147.
  • Край: 147.
  • Firefox: не поддерживается.
  • Safari: 26.2.

Math.sumPrecise

В Chrome 147 реализовано предложение TC39 для метода Math.sumPrecise , возвращающего точную сумму значений в итерируемом объекте. Этот метод теперь доступен в базовой версии.

Browser Support

  • Chrome: не поддерживается.
  • Edge: не поддерживается.
  • Firefox: 137.
  • Safari: 26.2.

Source

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

Бета-версии браузеров позволяют предварительно ознакомиться с тем, что будет включено в следующую стабильную версию. Это отличное время для тестирования новых функций или удаления элементов, которые могут повлиять на ваш сайт, до того, как эта версия станет доступна всему миру. В этом месяце вышли новые бета-версии: Chrome 148 , Firefox 151 и Safari 26.5 .

В Chrome 148 beta добавлены запросы к контейнерам, содержащие только имена, в CSS, отложенная загрузка видео- и аудиоэлементов, а также функция at-rule() для определения функций в @supports .

В бета-версии Firefox 151 добавлены запросы CSS-контейнеров.

В бета-версии Safari 26.5 добавлена ​​поддержка псевдокласса :open для элементов <details> , <dialog> , <select> ` и <input> , а также устранено множество проблем.