Nowości w Chrome 135

Rachel Andrew

Data publikacji: 1 kwietnia 2025 r.

Wprowadzamy właśnie Chrome 135. W tym poście znajdziesz informacje o niektórych najważniejszych funkcjach tej wersji. Przeczytaj pełne informacje o wersji Chrome 135 i zapoznaj się z naszym kwartalnym podsumowaniem, aby dowiedzieć się o wszystkich nowościach wprowadzonych w tym roku.

Najważniejsze informacje o tej wersji

Istnieje cały zestaw funkcji, które umożliwiają tworzenie karuzel CSS. Atrybuty command i commandfor umożliwiają deklaratywne dołączanie zachowań do przycisków. Funkcja CSS shape() umożliwia zdefiniowanie kształtu dla właściwości clip-path i offset-path.

Karuzela CSS

W informacjach o wersji znajduje się wiele funkcji CSS, a wiele z nich to drobne dodatki, które razem umożliwiają wyświetlanie karuzel CSS. Kluczowe funkcje to nowe pseudoelementy CSS – ::scroll-button() and::scroll-marker()`, które umożliwiają przekształcenie obszaru z możliwością przewijania w karuzelę.

Aby dowiedzieć się, jak korzystać z tych nowych funkcji, i zaczerpnąć inspiracji do własnych projektów, przeczytaj artykuł Karuzela z CSS.

Atrybuty command i commandfor

Chrome 135 wprowadza nowe możliwości deklaratywnego określania zachowania za pomocą nowych atrybutów command i commandfor, które rozszerzają i zastępują atrybuty popovertargetaction i popovertarget. Te nowe atrybuty można dodawać do przycisków, co pozwala przeglądarce rozwiązać niektóre podstawowe problemy związane z prostotą i dostępnością oraz zapewnia wbudowaną wspólną funkcjonalność.

Poniższy kod HTML tworzy deklaratywne relacje między przyciskiem a menu, dzięki czemu przeglądarka może obsługiwać logikę i ułatwienia dostępu. Nie musisz zarządzać atrybutem aria-expanded ani dodawać dodatkowego kodu JavaScript.

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

Więcej informacji o tych nowych atrybutach znajdziesz w artykule Wprowadzenie atrybutów command i commandfor.

Funkcja CSS shape()

Funkcja CSS shape() służy do definiowania kształtu właściwości clip-path i offset-path.

Funkcja shape() używa zestawu poleceń w przybliżeniu równoważnych poleceniom używanym przez path(), ale robi to przy użyciu bardziej standardowej składni CSS i umożliwia korzystanie z pełnego zakresu funkcji CSS, takich jak dodatkowe jednostki i funkcje matematyczne. Jest dostępny w wersji Nightly przeglądarki Firefox i w wersji beta przeglądarki Safari 18.4, więc wkrótce powinien być dostępny w Baseline Newly.

I wiele więcej!

Oczywiście jest ich znacznie więcej.

  • Interfejs Web Speech API obsługuje teraz MediaStreamTrack.
  • Typ Float16Array jest obsługiwany i staje się dostępny w wersji podstawowej.
  • Interfejs Observable API jest teraz obsługiwany.

Więcej informacji

Obejmuje to tylko niektóre najważniejsze kwestie. Dodatkowe zmiany w Chrome 134 znajdziesz pod tymi linkami:

Subskrybuj

Aby być na bieżąco, zasubskrybuj kanał Chrome Developers w YouTube. Będziesz otrzymywać powiadomienia e-mail o nowych filmach. Możesz też obserwować nas na X lub LinkedIn, aby otrzymywać powiadomienia o nowych artykułach i postach na blogu.

Gdy tylko Chrome 135 zostanie udostępniony, poinformujemy Cię o nowościach w Chrome.