Опубликовано: 1 апреля 2025 г.
Выходит Chrome 135, и в этом посте мы расскажем о некоторых ключевых функциях этой версии. Ознакомьтесь с полными примечаниями к выпуску Chrome 135 , а также с нашим ежеквартальным обзором всего, что было выпущено в этом году.
Основные моменты этого релиза
Существует целый набор функций, позволяющих создавать CSS-карусели . Атрибуты command и commandfor позволяют декларативно назначать поведение кнопкам. Функция CSS shape() позволяет определять форму для свойств clip-path и offset-path .
CSS карусели
В примечаниях к выпуску представлено множество новых функций CSS, и многие из них представляют собой небольшие дополнения, которые в совокупности позволяют создавать CSS-карусели. Ключевыми особенностями являются новые псевдоэлементы CSS ::scroll-button() and `::scroll-marker()`, которые позволяют превратить прокручиваемую область в карусель.
Чтобы узнать, как использовать эти новые функции, и получить вдохновение для собственных проектов, прочтите статью «Карусели с CSS» .
Атрибуты command и commandfor
В Chrome 135 появились новые возможности для обеспечения декларативного поведения благодаря новым атрибутам command и commandfor , которые улучшают и заменяют атрибуты popovertargetaction и popovertarget . Эти новые атрибуты можно добавлять к кнопкам, что позволяет браузеру решить некоторые ключевые проблемы, связанные с простотой и доступностью, а также обеспечить встроенную общую функциональность.
Приведенный ниже HTML-код устанавливает декларативные связи между кнопкой и меню, позволяя браузеру обрабатывать логику и обеспечивать доступность. Нет необходимости управлять атрибутом aria-expanded или добавлять какой-либо дополнительный JavaScript.
<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
<!-- ... -->
</div>
Подробнее об этих новых атрибутах можно узнать в разделе «Введение в команды и commandfor» .
Функция CSS shape()
Функция CSS shape() используется для определения формы для свойств clip-path и offset-path.
Функция shape() использует набор команд, примерно эквивалентных командам функции path() , но делает это с использованием более стандартного синтаксиса CSS и позволяет использовать весь спектр функций CSS, таких как дополнительные единицы измерения и математические функции. Она присутствует в Firefox Nightly и Safari 18.4 beta, поэтому должна стать доступной в базовой версии в ближайшее время.
И многое другое!
Конечно, есть еще много чего интересного.
- API веб-речи теперь включает поддержку
MediaStreamTrack. - Функция Float16Array поддерживается и становится доступной в базовой версии.
- Теперь поддерживается API Observable.
Дополнительная информация
Здесь описаны лишь некоторые ключевые моменты. Дополнительные изменения в Chrome 134 можно найти по следующим ссылкам.
- Примечания к выпуску Chrome 135 .
- Что нового в инструментах разработчика Chrome (135) .
- ChromeStatus.com обновляет Chrome до версии 135 .
- Календарь релизов Chrome .
Подписаться
Чтобы быть в курсе всех новостей, подпишитесь на YouTube-канал Chrome Developers , и вы будете получать уведомления по электронной почте каждый раз, когда мы выпускаем новое видео. Или подпишитесь на нас в X или LinkedIn, чтобы получать новые статьи и записи в блоге.
Как только выйдет Chrome 135, мы сразу же расскажем вам о новинках в Chrome!