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

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

Rachel Andrew

Опубликовано: 29 мая 2025 г.

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

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

Временной API

Firefox 139 — первый браузер, поддерживающий Temporal API . Это упрощает работу с датами и временем в различных сценариях, со встроенными представлениями часового пояса и календаря.

hidden=until-found и событие beforematch

Firefox 139 также включает атрибут HTML hidden="until-found" и событие beforematch . Состояние until-found позволяет скрыть содержимое элемента до тех пор, пока он не будет найден пользователем при поиске (например, с помощью "Найти на странице") или при навигации по фрагментам. Событие beforematch срабатывает непосредственно перед удалением атрибута hidden

Метод requestClose()

Теперь базовый уровень В версии Firefox 139 появился новый метод requestClose() интерфейса HTMLDialogElement .

Этот метод отличается от метода HTMLDialogElement.close() тем, что он запускает событие cancel перед запуском события close .

reading-flow и reading-order CSS

Chrome 137 поставляет reading-flow и reading-order . Свойство CSS reading-flow управляет порядком, в котором элементы в гибкой, сетчатой ​​или блочной компоновке подвергаются воздействию инструментов доступности, а также тем, как они фокусируются с помощью линейных последовательных методов навигации. Это решает давнюю проблему с сетчатыми и гибкими компоновками, где порядок вкладок может быть оторван от порядка, в котором располагаются элементы.

Свойство CSS reading-order позволяет вручную переопределять порядок элементов в контейнере потока чтения. Чтобы использовать это свойство внутри контейнера grid, flex или block, установите значение reading-flow в контейнере на source-order и установите reading-order отдельного элемента на целочисленное значение.

Чтобы узнать больше, прочитайте статью Использование CSS reading-flow для логической последовательной навигации по фокусу .

Функция CSS if()

Также в Chrome 137 функция CSS if() обеспечивает лаконичный способ выражения условных значений. Она принимает ряд пар условие-значение, разделенных точкой с запятой. Функция последовательно оценивает каждое условие и возвращает значение, связанное с первым истинным условием. Если ни одно из условий не оценивается как истинное, функция возвращает пустой поток токенов.

Document-Isolation-Policy

Поставляемый в Chrome 137, Document-Isolation-Policy позволяет документу включить crossOriginIsolation для себя, без необходимости развертывания COOP или COEP, и независимо от статуса crossOriginIsolation страницы. Политика поддерживается изоляцией процесса. Кроме того, подресурсы документа non-CORS cross-origin будут либо загружены без учетных данных, либо должны будут иметь заголовок CORP.

Декларативный веб-Push

Safari 18.5 был в основном релизом исправления ошибок, однако он добавляет Declarative Web Push в macOS, функцию, которая в настоящее время доступна только в Safari. Узнайте больше об этом в Meet Declarative Web Push в блоге WebKit.

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

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

Firefox 140 включает в себя подмножество API Cookie Store — современного асинхронного метода управления файлами cookie на основе Promise, который можно использовать как в основном потоке, так и в Service Worker.

Chrome 138 включает в себя ряд встроенных API ИИ — API Summarizer , API Language Detector и API Translator .

Также в Chrome 138 есть ряд функций CSS, включая ключевое слово stretch , а также функции sibling-index() и sibling-count() .