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

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

Rachel Andrew

Опубликовано: 28 августа 2026 г.

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

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

Свойства text-box становятся базовыми.

В Firefox 154 добавлена ​​поддержка свойств text-box-trim , text-box-edge и сокращенного свойства text-box .

Эти свойства позволяют точно контролировать выравнивание текста и межстрочный интервал в блочном направлении. Метрики шрифта часто включают дополнительное вертикальное пространство над и под глифами (межстрочный и полумежстрочный интервалы), что может привести к неравномерному вертикальному выравниванию и неожиданному расстоянию вокруг заголовков или значков.

Свойство text-box-edge задает параметры шрифта для обрезки (например, cap alphabetic или ex alphabetic ), а text-box-trim указывает, следует ли обрезать верхний край, нижний край или оба края. Сокращенная запись text-box объединяет оба свойства.

Свойства text-box теперь доступны в базовых версиях Safari 18.2, Chrome 133 и Firefox 154.

Функции CSS ` sibling-count() и sibling-index() стали частью базовой версии.

В Firefox 154 добавлена ​​поддержка функций CSS sibling-count() и sibling-index() .

Функция sibling-count() возвращает целое число, представляющее общее количество соседних элементов DOM в родительском контейнере (включая сам элемент). Функция sibling-index() возвращает позицию текущего элемента среди его соседей (начиная с 1).

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

Глобальный HTML-атрибут autocorrect становится Baseline.

В Chrome 152 добавлена ​​поддержка глобального HTML-атрибута autocorrect , что отражено в HTMLElement.prototype.autocorrect .

Атрибут autocorrect позволяет управлять включением автоматической проверки орфографии и пунктуации для редактируемых элементов, включая <input> , <textarea> и элементы с contenteditable . Он принимает значения on и off .

Поскольку Safari и Firefox уже поддерживают этот атрибут, глобальный атрибут autocorrect теперь доступен в базовой версии.

Поддержка CSSPseudoElement для ::backdrop , ::scroll-marker и ::view-transition

В Chrome 152 поддержка CSSPseudoElement (ранее доступная для ::after , ::before и ::marker ) расширена и теперь включает ::backdrop , ::scroll-marker и ::view-transition .

Поддержка CSSPseudoElement для ::backdrop позволяет напрямую прикреплять обработчики событий к псевдоэлементу фона, что упрощает закрытие диалогового окна при щелчке за пределами его содержимого без вычисления координат ограничивающих прямоугольников. Для ::scroll-marker это облегчает перехват событий взаимодействия пользователя, а для ::view-transition позволяет перехватывать переходы или создавать анимации с учетом геометрии.

Относительные альфа-каналы с помощью функции CSS alpha()

В Chrome 152 представлена ​​функция alpha() из CSS Color 5 для относительных альфа-каналов цветов.

Функция alpha() принимает существующий исходный цвет и возвращает этот цвет с отрегулированным альфа-каналом (прозрачностью), сохраняя цветовые каналы и бесперебойно работая в любом цветовом пространстве:

Свойство CSS window-drag

В Chrome 152 добавлена ​​поддержка стандартного свойства CSS window-drag .

При разработке веб-приложений для настольных компьютеров можно использовать window-drag для обозначения определенных областей макета — например, пользовательских заголовков или шапок — в качестве областей, доступных для перетаскивания. Жесты перетаскивания указателем мыши в этих областях перемещают окно приложения верхнего уровня, а не прокручивают или выделяют содержимое страницы. Это стандартизирует и переименовывает старое свойство app-region , используя значения move и none со стандартным наследованием CSS.

API OpaqueRange

В Chrome 152 появилась OpaqueRange , представляющая собой динамически изменяемый диапазон текста внутри значений элементов управления формы, таких как <textarea> и текстовые элементы <input> .

OpaqueRange позволяет использовать API на основе диапазонов, включая getBoundingClientRect() , getClientRects() и API пользовательской подсветки CSS, для работы с текстом элементов управления формами, обеспечивая встроенные подсказки, подсветку орфографии и привязку всплывающих окон. Он поддерживает инкапсуляцию компонентов, предоставляя доступ к смещениям значений, а не к внутренним узлам контейнера теневого дерева.

В Firefox появились новые вспомогательные методы Iterator

В Firefox 154 добавлено несколько новых методов в Iterator.prototype :

• includes() : Проверяет, выдает ли итератор указанное значение, возвращая true или false .
• join() : Объединяет все элементы, полученные с помощью итератора, в строку, разделенную разделителем, аналогично Array.prototype.join() .
• chunks() : Возвращает вспомогательный итератор, который извлекает последовательные фрагменты массива фиксированного размера из базового итератора.
• windows() : Возвращает вспомогательный итератор, который формирует массив скользящего окна по итератору.

Улучшения в передаче WebRTC в Firefox.

В Firefox 154 добавлены несколько новых протоколов WebRTC:

• RTCIceTransport.getSelectedCandidatePair() и событие selectedcandidatepairchange позволяют приложениям проверять текущую активную пару кандидатов ICE.
• Событие error в RTCDtlsTransport позволяет приложениям отслеживать ошибки передачи данных и отпечатков DTLS.
• Поддержка параметров конфигурации rtcp в методах RTCRtpReceiver.getParameters() и RTCRtpSender.getParameters() .
• Статистика передачи WebRTC, включая отчеты RTCCertificateStats и дополнительные RTCTransportStats .

Благодаря поддержке в Chrome, Safari и теперь Firefox 154, RTCIceTransport.getSelectedCandidatePair() и событие error RTCDtlsTransport теперь доступны в базовой версии.

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

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

В Chrome 153 beta добавлены контейнеры для прокрутки по одной оси ( overflow: scroll clip ) и свойство CSS scroll-axis-lock для предотвращения блокировки осей жестов. В JavaScript добавлены функции TC39 Iterator join() и joint iteration ( zip ). В Web API добавлены специальные декларативные элементы с одной функцией <camera> и <microphone> .

В бета-версии Firefox 155 обновлена SVGAElement , реализована HyperlinkElementUtils , предоставляющая доступ к стандартным свойствам URL ( protocol , hostname , pathname , search , hash ) и origin для элементов SVG <a> . Также добавлены индексированные сеттеры для интерфейсов списков SVG ( SVGNumberList , SVGPointList , SVGStringList , SVGTransformList ).