Nowości w Chrome 135

Data publikacji: 1 kwietnia 2025 r.

Chrome 135 jest już wprowadzana, a w tym poście opisujemy niektóre z jej najważniejszych funkcji. Zapoznaj się z pełnymi informacjami o wersji Chrome 135 oraz z naszym kwartalnym podsumowaniem, aby poznać wszystkie nowości wprowadzone w tym roku.

Najważniejsze zmiany w tej wersji

Dostępnych jest wiele funkcji, które włączają karuzelę CSS. Atrybuty command i commandfor umożliwiają deklaratywnie dołączanie do przycisków określonych zachowań. Funkcja CSS shape() pozwala zdefiniować kształt dla właściwości clip-pathoffset-path.

Karuzele CSS

W notatkach o wersji znajduje się wiele funkcji usługi porównywania cen, z których wiele to różne małe dodatki, które razem umożliwiają wyświetlanie karuzelów usługi porównywania cen. Najważniejsze funkcje to nowe pseudoelementy CSS ::scroll-button() and::scroll-marker(), które umożliwiają przekształcenie obszaru przewijania w karuzel.

Aby dowiedzieć się, jak korzystać z tych nowych funkcji, i znaleźć inspirację do własnych projektów, przeczytaj artykuł Karuzele z użyciem CSS.

Atrybuty command i commandfor

Chrome 135 wprowadza nowe możliwości deklaratywnego zachowania za pomocą nowych atrybutów command i commandfor, które ulepszają i zastępują atrybuty popovertargetaction i popovertarget. Te nowe atrybuty można dodawać do przycisków, aby umożliwić przeglądarce rozwiązywanie podstawowych problemów związanych z prostotą i dostępnością oraz udostępniać wbudowane, powszechne funkcje.

Poniższy kod HTML ustanawia deklaratywnie relacje między przyciskiem a menu, co pozwala przeglądarce obsługiwać logikę i dostępność. 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 [GA4] Wprowadzenie do poleceń i poleceń dla.

Funkcja CSS shape()

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

Funkcja shape() używa zestawu poleceń, który jest zbliżony do tego, którego używa path(), ale robi to za pomocą bardziej standardowej składni CSS i zapewnia pełną funkcjonalność CSS, np. dodatkowe jednostki i funkcje matematyczne. Jest dostępna w Firefox Nightly i Safari 18.4 w wersji beta, więc wkrótce powinna być dostępna w wersji bazowej.

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ę domyślnym typem danych.
  • Interfejs Observable API jest teraz obsługiwany.

Więcej informacji

Ta lista zawiera tylko niektóre najważniejsze informacje. Aby dowiedzieć się więcej o zmianach w Chrome 134, kliknij te linki.

Subskrybuj

Aby być na bieżąco, zasubskrybuj kanał programistów Chrome w YouTube. Otrzymasz wtedy powiadomienie e-mail za każdym razem, gdy opublikujemy nowy film. Możesz też śledzić nas na X lub na LinkedIn, aby otrzymywać nowe artykuły i posty na blogu.

Gdy tylko pojawi się nowa wersja Chrome 135, poinformujemy Cię o nowościach w Chrome.