Новое в Chrome 135

Рэйчел Эндрю

Опубликовано: 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 или добавлять какой-либо дополнительный JavaScript.

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

Узнайте больше об этих новых атрибутах в разделе Знакомство с командой и командой for .

Функция CSS shape()

CSS-функция shape() используется для определения формы свойств clip-path и offset-path.

Функция shape() использует набор команд, примерно эквивалентный тем, которые используются в path() , но использует более стандартный синтаксис CSS и обеспечивает полный спектр функций CSS, таких как дополнительные единицы измерения и математические функции. Он находится в бета-версии Firefox Nightly и Safari 18.4, поэтому скоро должна быть доступна версия Baseline Newly.

И многое другое!

Конечно, есть еще много всего.

  • API Web Speech теперь включает поддержку MediaStreamTrack .
  • Float16Array поддерживается и становится доступным в качестве базовой версии.
  • Observable API теперь поддерживается.

Дальнейшее чтение

Здесь рассматриваются лишь некоторые ключевые моменты. Перейдите по следующим ссылкам, чтобы узнать о дополнительных изменениях в Chrome 134.

Подписаться

Чтобы быть в курсе новостей, подпишитесь на канал YouTube для разработчиков Chrome , и вы будете получать уведомления по электронной почте каждый раз, когда мы запускаем новое видео. Или подпишитесь на нас в X или LinkedIn, чтобы получать новые статьи и публикации в блогах.

Как только выйдет Chrome 135, мы будем здесь, чтобы рассказать вам, что нового в Chrome!