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

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

Rachel Andrew

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

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

Стабильные версии Chrome 142 и Firefox 144 вышли в октябре. В этой статье мы рассмотрим, что это означает для веб-платформы.

API View Transitions для одностраничных приложений

Firefox 144 поддерживает переходы между представлениями в пределах одного документа. Это включает в себя:

• Псевдокласс :active-view-transition
• Свойство view-transition-class
• Свойство view-transition-name
• Псевдоэлемент ::view-transition
• Псевдоэлемент ::view-transition-group()
• Псевдоэлемент ::view-transition-image-pair()
• Псевдоэлемент ::view-transition-new()
• Псевдоэлемент ::view-transition-old()

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

Атрибуты command и commandfor элемента <button>

Firefox 144 поддерживает command и commandfor . Подробнее об этих атрибутах можно узнать в статье «Введение в command и commandfor .

Метод moveBefore()

Метод moveBefore() теперь поддерживается Firefox в интерфейсах Element , DocumentFragment и Document . Это позволяет переместить непосредственный дочерний элемент объекта перед другим его дочерним элементом, при этом оба элемента сохраняют своё состояние.

Подробнее читайте в статье Сохранение состояния во время мутаций DOM с помощью moveBefore() .

Псевдоклассы :target-before и :target-after

Chrome 142 добавляет псевдоклассы, которые соответствуют маркерам прокрутки, расположенным до или после активного маркера (соответствующего :target-current ) в пределах одной группы маркеров прокрутки, как определено порядком плоского дерева:

• :target-before : Соответствует всем маркерам прокрутки, которые предшествуют активному маркеру в порядке плоского дерева внутри группы.
• :target-after : Соответствует всем маркерам прокрутки, которые следуют за активным маркером в порядке плоского дерева внутри группы.

Синтаксис диапазона для запросов контейнера стилей и if()

Chrome 142 улучшает запросы в стиле CSS и функцию if() , добавляя поддержку синтаксиса диапазона .

Он расширяет возможности стилевых запросов за пределы точного соответствия значений (например, style(--theme: dark) ). Разработчики могут использовать операторы сравнения (например > и < ) для сравнения пользовательских свойств, литеральных значений (например, 10px или 25%) и значений из функций подстановки, таких как attr() и env() . Для корректного сравнения обе стороны должны разрешаться в один и тот же тип данных. Он ограничен следующими числовыми типами: <length> , <number> , <percentage> , <angle> , <time> , <frequency> > , и <resolution> .

Вызывающие интерес (атрибут interestfor )

Chrome 142 также добавляет атрибут interestfor к элементам <button> и <a> . Этот атрибут добавляет элементу поведение, связанное с «интересом». Когда пользователь проявляет интерес к элементу, на целевом элементе запускаются действия, например, отображается всплывающее окно.

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

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

Бета-версии браузера позволяют вам ознакомиться с тем, что будет в следующей стабильной версии. Сейчас самое время протестировать новые функции или удалить что-то, что может повлиять на ваш сайт, до того, как релиз станет доступен всему миру. В этом месяце выходят новые бета-версии Firefox 145 и Chrome 143 , а Safari 26.1 находится в разработке.

Firefox 145 включает свойство source интерфейса ToggleEvent и статический метод Atomics.waitAsync() .

В Chrome 145 включены запросы на резервные контейнеры с привязкой к CSS. Это вводит @container anchored(fallback) для стилизации потомков элементов с привязкой в ​​зависимости от примененного значения position-try-fallbacks .