Майские обновления веба: стили, медиа и устройства

В мае 2026 появились новые возможности CSS, медиа и работы с устройствами в браузерах Safari, Chrome и Firefox.

2026-06-03 GIGATAP Team #security
#web platform#browser update#CSS

Новые возможности веб-платформ в мае 2026#

Источник: web.dev

Изменения#

В мае несколько функций достигли стабильной или бета-версии браузеров. Псевдоклассы CSS для открытых/закрытых состояний стали стандартом в Safari 26.5, позволяя семантически стилизовать элементы вроде <details> и селекторов. Chrome 148 добавил именованные container queries, позволяя нацеливаться на контейнеры только по имени без условий размера или типа. Firefox 151 поддерживает style queries для пользовательских свойств, что позволяет применять стили на основе свойств родителя, а не только размеров. Ленивая загрузка <video> и <audio> теперь встроена в Chrome 148, ускоряя загрузку страниц и экономя трафик. Firefox 151 ввел Document Picture-in-Picture API для окон поверх других с любым HTML-контентом. Поддержка Web Serial API расширена: Firefox 151 на десктопе и Chrome 148 на Android теперь позволяют безопасный доступ к последовательным устройствам.

Бета-обновления показывают будущие функции. Chrome 149 beta добавляет CSS gap decorations, базовые shape-функции, улучшенные программные scroll Promises и кэширование back/forward совместимое с WebSocket (BFCache). Firefox 152 beta внедряет авторазмер форм-контролов.

Почему это важно#

Обновления влияют на производительность, UX и безопасность. Ленивая загрузка снижает потребление ресурсов. Улучшения Picture-in-Picture поддерживают постоянные интерактивные оверлеи. Container и style queries расширяют гибкость адаптивного дизайна. Расширенный Web Serial API обеспечивает контролируемый доступ к периферии, но проверка безопасности обязательна.

Бета-функции дают ранний обзор будущего поведения веба. Тестирование до стабильного релиза помогает выявлять регрессии и проблемы совместимости.

Что проверить#

  • Проверьте работу CSS и container queries на обновленных браузерах.
  • Тестируйте ленивую загрузку видео и аудио, чтобы убедиться, что UX не нарушен.
  • Оцените оверлеи Picture-in-Picture с интерактивным контентом на постоянное отображение.
  • Подтвердите права доступа и интеграцию Web Serial API по требованиям безопасности.
  • Экспериментируйте с бета-функциями в изолированных средах для выявления влияния на верстку, производительность и кэш.

Ограничения заявлений#

  • Поддержка браузеров может изменяться; данные MDN могут отставать от последних релизов.
  • Достижение базового уровня не гарантирует повсеместного использования среди пользователей.
  • Бета-функции могут меняться и не должны использоваться в продакшене без тестирования.

Обновления демонстрируют постепенное, но значимое расширение возможностей веб-платформы в части стилей, работы с медиа и устройств.