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

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

Rachel Andrew

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

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

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

Экранирование < и > в атрибутах при сериализации HTML

И Chrome 138, и Firefox 140 включают это изменение для предотвращения эксплойтов, когда HTML сериализуется, а затем вставляется обратно в DOM. Это изменение также включено в бета-версию Safari 26. Узнайте больше о том, почему это изменение было необходимо .

API пользовательского выделения CSS

Firefox 140 реализует CSS Custom Highlight API . Это позволяет вам определять и оформлять произвольные текстовые диапазоны в документе, подобно другим CSS-псевдоэлементам подсветки, таким как ::grammar-error .

Помимо JavaScript API, работа включает в себя псевдоэлемент CSS ::highlight , используемый для применения стилей к зарегистрированному выделению. Хотя эта функция теперь широко совместима, некоторые проблемы с псевдоэлементом ::highlight делают его пока не совсем базовым.

API хранилища файлов cookie

API магазина cookie — это асинхронный API для управления файлами cookie, который поддерживается с Firefox 140. В настоящее время базовая поддержка этого API есть во всех браузерах, однако проверьте таблицу совместимости на MDN для получения информации о частях, которые пока несовместимы.

Удаление мутационных событий

Interop 2025 содержит удаление в этом году. Устаревшие события мутации, такие как DOMSubtreeModified , DOMNodeInserted и DOMNodeRemoved , отслеживают изменения в DOM и запускают обратный вызов прослушивателя событий, когда происходят изменения DOM. Эти события мутации были устарели в пользу API MutationObserver, который более производительный и менее подвержен ошибкам.

Firefox 140 удаляет эти события, которые уже удалены из Chrome.

Функции CSS в Chrome 138

Chrome 138 включает в себя целый набор функций CSS, некоторые из них являются новыми для платформы, другие становятся базовыми с их включением в Chrome.

Функции abs() и sign() связанные со знаками, стали базовыми. Впервые доступны в Chrome 138.

Новым для платформы является функция интерполяции progress() .

Chrome 138 также включает sibling-index() и sibling-count() . Их можно использовать как целые числа в значениях свойств CSS для стилизации элементов на основе их положения среди элементов-братьев или общего количества элементов-братьев соответственно.

Встроенные API-интерфейсы ИИ для перевода, определения языка и реферирования

Chrome 138 включает три встроенных API JavaScript AI. API Translator и Language Detector позволяют определять язык, на котором написан текст, и переводить этот текст на разные языки. Они используют собственную внутреннюю модель AI браузера и поэтому выполняют эту работу на устройстве.

API Summarizer суммирует текст на устройстве, используя внутреннюю модель искусственного интеллекта браузера.

Поддержка ориентации видеокадра в WebCodecs

Chrome 138 также добавляет значения rotation: int и flip: bool к различным интерфейсам, связанным с видео, в WebCodecs, чтобы разработчики могли работать с источниками кадров, имеющими ориентацию.

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

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

Safari 26 обещает быть полнофункциональным релизом для браузера. Для CSS он включает поддержку overflow-block и overflow-inline , анимаций, управляемых прокруткой, позиционирования якоря, функции CSS progress() и многого другого. Также есть поддержка API AudioEncoder и AudioDecoder, API URLPattern, API Digital Credentials, Trusted Types и API WebAuthn Signal.

Chrome 139 включает пользовательские функции CSS, формирование углов и свойство caret-animation . Также включены API веб-речи на устройстве, расширения области действия веб-приложений и команда вызова request-close .

Firefox 141 добавляет аргумент options.source для showPopover() и togglePopover() , чтобы установить связь между поповером и его вызывателем. Он также включает поддержку свойства CSS font-variant-emoji .