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

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

Rachel Andrew

Дата публикации: 29 октября 2026 г.

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

В октябре 2026 года вышли стабильные версии Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1 и Safari 27.2. В этой статье мы рассмотрим новые функции, которые появятся в браузерах в этом месяце, в том числе несколько важных функций, которые станут доступны в Baseline.

Анимации на основе прокрутки стали частью Baseline

В Firefox 159 по умолчанию включены анимации, управляемые прокруткой.

Анимации на основе прокрутки позволяют связать ход анимации CSS или Web Animations API со смещением прокрутки контейнера прокрутки (с помощью scroll-timeline и функции scroll()) или с видимостью элемента в области прокрутки (с помощью view-timeline и функции view(), назначенной с помощью animation-timeline):

Благодаря поддержке в Chrome, Safari, а теперь и в Firefox 159, анимация, управляемая прокруткой, стала доступна в Baseline.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Посмотрите Scroll-driven animations: The road to Baseline Newly available и прокрутите временную шкалу, чтобы узнать, как анимация, управляемая прокруткой, превратилась из предложения начала 2014 года в совместимый веб-стандарт, поставляемый во всех основных браузерных движках.

Реестры специальных элементов с ограниченной областью действия становятся частью Baseline

В Firefox 159 добавлена поддержка реестров пользовательских элементов с ограниченной областью действия.

Раньше все пользовательские элементы нужно было регистрировать в одном глобальном реестре window.customElements, что могло привести к конфликтам имен при объединении компонентов из разных библиотек или команд. Теперь вы можете создать независимый экземпляр CustomElementRegistry с помощью конструктора CustomElementRegistry() и ограничить его определения определенным теневым деревом. Свойство customElementRegistry также доступно в типах Document, Element и ShadowRoot.

Благодаря поддержке в Chrome, Safari и Firefox 159 реестры пользовательских элементов с ограниченной областью действия теперь доступны в Baseline.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

Поддержка изображений JPEG XL

В Chrome 155 и Firefox 158 по умолчанию включена поддержка графического формата JPEG XL (image/jxl).

JPEG XL – это графический формат растровых изображений, не требующий уплаты роялти, стандартизированный как ISO/IEC 18181. Он поддерживает сжатие с потерями и без потерь, прогрессивное декодирование, широкую цветовую гамму, расширенный динамический диапазон (HDR), высокую глубину цвета, прозрачность и анимацию, а также транскодирование существующих файлов JPEG без потерь. В Firefox 158 также обновлен стандартный HTTP-заголовок Accept для запросов изображений, чтобы включить image/jxl.

Подробнее о поддержке JPEG XL в Chrome…

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

Типизированная арифметика CSS становится базовой

В Firefox 158 добавлена поддержка типизированной арифметики CSS в математических функциях, таких как calc().

Типизированная арифметика CSS позволяет делить два значения одного типа данных, даже если они используют разные единицы измерения, чтобы получить безразмерное частное <number>. Результат без единиц измерения можно использовать в свойствах, принимающих числа (например, opacity или line-height), или умножить на другую единицу измерения, чтобы преобразовать типы:

С добавлением Firefox 158 к существующей поддержке в Chrome и Safari типизированная арифметика CSS теперь является Baseline. Новая функция.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

В Firefox 158 добавлена поддержка свойства PerformanceResourceTiming.deliveryType.

Это свойство указывает, как был доставлен ресурс. Например, если ресурс был получен из кеша, возвращается значение "cache".

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

Функция CSS random()

В Chrome 156 добавлена поддержка функции CSS random().

Функция random() генерирует случайное числовое значение в пределах заданного диапазона (минимума и максимума) с необязательным шагом. По умолчанию каждый вызов random() возвращает уникальное случайное значение. Чтобы использовать одно и то же случайное значение для нескольких свойств или элементов, передайте в качестве первого аргумента <random-key>:

Примеры можно найти в статье Embracing playful imperfection with the CSS random() function (на английском языке) в журнале Smashing Magazine.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

Свойство CSS margin-trim

В Chrome 155 добавлена поддержка свойства CSS margin-trim для блочных контейнеров и контейнеров с несколькими столбцами.

Вы можете использовать margin-trim в контейнере, чтобы убрать поля его дочерних элементов в местах их соприкосновения с краями контейнера. Это позволит избежать лишних пробелов перед первым дочерним элементом или после последнего без необходимости переопределения :first-child или :last-child.

Подробнее о том, как удалить поля в начале и конце с помощью свойства margin-trim…

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

Встроенные стили счетчиков с функцией CSS symbols()

В Chrome 155 добавлена поддержка функции CSS symbols().

Функция symbols() позволяет определить анонимный стиль счетчика непосредственно в list-style-type, сокращенном свойстве list-style, counter() или counters() без объявления отдельного именованного правила @counter-style.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

Свойство CSS text-decoration-skip-spaces

В Chrome 155 добавлено свойство CSS text-decoration-skip-spaces, которое определяет, пропускают ли линии оформления текста (подчеркивание, надчеркивание и зачеркивание) пробельные символы. Это позволяет предотвратить рисование декораций под начальными, конечными или межсловными пробелами.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

Псевдокласс CSS :navigation-source

В Chrome 156 появился псевдокласс CSS :navigation-source. Он соответствует ссылке, кнопке или элементу формы, который инициировал навигацию, и сохраняет этот элемент выбранным на протяжении всей навигации.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox: not supported.
  • Safari: not supported.

Импорт текстовых модулей JavaScript и повторная загрузка модулей, которые не удалось загрузить

В Chrome 155 добавлена поддержка импорта текстовых модулей с помощью import ... with { type: "text" }, как в Firefox. Атрибут импорта type: "text" загружает содержимое целевого модуля как строку JavaScript.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

В Chrome 156 также обновлено поведение загрузки модулей, поэтому неудачные загрузки модулей больше не кэшируются постоянно. Теперь приложения могут повторно загружать модули, которые не удалось загрузить, например снова вызывая import() после временного сбоя сети.

Обновления WebTransport в Chrome и Firefox

WebTransport в Firefox 158 и Chrome 156:

В Firefox 158 добавлен метод WebTransport.getStats() для получения статистики подключений и датаграмм, а также статическое свойство WebTransport.supportsReliableOnly, указывающее, поддерживает ли браузер сеансы WebTransport исключительно через надежные транспорты.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

В Chrome 156 добавлена поддержка передачи специальных заголовков HTTP-запросов в WebTransportOptions во время первоначального подтверждения связи CONNECT и чтения заголовков ответов сервера из экземпляра WebTransport.

Параметр Notification navigate в Firefox

В Firefox 158 добавлена поддержка параметра navigate в конструкторе Notification() и ServiceWorkerRegistration.showNotification(), а также свойства Notification.navigate, как и в Safari. Этот параметр указывает URL, по которому перейдет браузер, когда пользователь нажмет на системное уведомление.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Обновления HTML Sanitizer API в Firefox

В Firefox 158 добавлен параметр конфигурации javascriptURLs и свойство Sanitizer.setJavascriptURLs() в HTML Sanitizer API. Они определяют, удаляются ли атрибуты, содержащие URL javascript:, при использовании небезопасных методов вставки HTML, таких как Element.setHTMLUnsafe().

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: not supported.

В Firefox 159 также обновлены методы безопасной очистки, такие как Element.setHTML(). Теперь они удаляют нежелательные элементы и атрибуты во время синтаксического анализа, а не после построения дерева DOM. Это гарантирует, что соседний текст останется в одном текстовом узле.

Переименование flow-tolerance в fit-tolerance в Safari

В Safari 27.2 свойство flow-tolerance переименовано в fit-tolerance для макета сетки (display: grid-lanes). flow-tolerance сохранено как устаревший псевдоним.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.4.

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

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

В бета-версии Chrome 157 есть сокращенное свойство CSS corner и сокращенные свойства для краев, позволяющие одновременно задавать border-radius и corner-shape, text-decoration-inset, text-overflow: <string>, position-visibility: anchor-valid и anchor-visible. Также в нем поддерживается отрисовка HTML-in-canvas и атрибут displaymode, который позволяет показывать только значок для элементов <camera>, <microphone> и <geolocation>.

В бета-версии Chrome 158 появился декларативный HTML-элемент <install> и Web Install API (navigator.install()) для установки веб-приложений из разных источников. Дополнения CSS и SVG включают универсальный селектор выделения ::highlight(*), псевдоклассы состояния медиаэлементов (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), ключевые слова выравнивания flow-start и flow-end, а также радиусы closest-corner и farthest-corner для базовых фигур circle() и ellipse().

В бета-версии Firefox 160 обновлен API WebExtensions runtime.PlatformInfo, чтобы возвращать arch как arm64 вместо aarch64 на платформах ARM64, как в Chrome.