Poznaj kilka ciekawych funkcji, które w czerwcu 2024 r. pojawiły się w stabilnych i beta-wersjach przeglądarek.
stabilne wersje przeglądarek,
W czerwcu 2024 r. stały się one stabilnymi wersjami: Firefox 127 i Chrome 126. W tym poście omawiamy nowe funkcje dodane do platformy internetowej.
Metody JavaScript Set
Zestawy to podstawowa struktura danych w dowolnym języku programowania. Teraz możesz wykonywać operacje na zbiorach za pomocą wbudowanych metod JavaScriptu. W Firefox 127 dostępne są teraz te metody zestawów, które stały się częścią nowych dostępnych metod bazowych:
intersection()
union()
difference()
symmetricDifference()
isSubsetOf()
isSupersetOf()
isDisjointFrom()
Więcej informacji znajdziesz w artykule Metody JavaScript Set są teraz częścią podstawowego zestawu kodu.
Async Clipboard API
Interfejs Clipboard API jest teraz w pełni obsługiwany od wersji 127 przeglądarki Firefox. Firefox obsługuje teraz interfejs ClipboardItem
oraz metody read()
i write()
interfejsu Schowka. Więcej informacji o interfejsie Clipboard API znajdziesz w artykule Odblokowywanie dostępu do schowka.
Interpolacja kolorów w gradientach CSS
Gradienty CSS są skonfigurowane tak, aby przyjmować wartość <color-interpolation-method>
, która jest teraz obsługiwana w Firefoksie, co umożliwia współpracę we wszystkich głównych silnikach.
Możesz teraz na przykład określić kolor linear-gradient()
za pomocą systemu kolorów hsl i dłuższej interpolacji.
.longer {
background: linear-gradient(90deg in hsl longer hue, red, blue);
}
Obsługa przeglądarek
Przejścia między widokami dokumentów
Wcześniej, aby korzystać z interfejsu View Transitions API, trzeba było przeprojektować witrynę na aplikację SPA. Już tak nie jest. Od wersji 126 Chrome przejścia między widokami są domyślnie włączone w przypadku nawigacji w ramach tego samego źródła. Możesz utworzyć przejście między 2 dokumentami z tego samego źródła.
Aby umożliwić przejście do widoku w dokumencie, obie strony muszą wyrazić na to zgodę.
W tym celu użyj reguły at @view-transition
i ustaw opis nawigacji na auto
.
@view-transition {
navigation: auto;
}
Obsługa przeglądarek
Więcej informacji znajdziesz w dokumentacji dotyczącej przechodów między widokami dokumentów.
Rozszerzenie Gamepad API trigger-rumble
Chrome 126 rozszerza interfejs GamepadHapticActuator
, aby udostępnić w internecie kompatybilnym kontrolerom gier funkcję trigger-rumble
.
To rozszerzenie pozwoli aplikacjom internetowym, które korzystają z interfejsu Gamepad API, również wibrować przyciskami urządzeń sterujących, które są wyposażone w tę funkcję.
Wersje beta przeglądarek
Wersje beta przeglądarki umożliwiają przeglądanie funkcji, które pojawią się w następnej wersji stabilnej. To świetny czas na przetestowanie nowych funkcji lub usunięcia, które mogą mieć wpływ na Twoją witrynę, zanim udostępnimy je publicznie. Nowe wersje beta to: Firefox 128, Chrome 127, Safari 18 i Safari 17.6. Te wersje wprowadzają na platformę wiele przydatnych funkcji. Szczegóły znajdziesz w notatkach do wersji. Oto kilka najważniejszych informacji.
Safari 17.6 to wersja z poprawkami do dotychczasowych funkcji. Safari 18 zawiera wiele nowych, ekscytujących funkcji, w tym zapytania dotyczące kontenera stylów, interfejs API do przełączania widoków w przypadku aplikacji jednostronicowych oraz obsługę słowa kluczowego safe
w właściwościach flexbox.
Chrome 127 zawiera font-size-adjust
właściwość CSS, możliwość określenia tekstu alternatywnego dla wygenerowanej treści jako dowolnej liczby elementów oraz możliwość dodawania informacji o poszczególnych rozdziałach w MediaMetaData
.
Firefox 128 zawiera właściwości i wartości CSS, dzięki czemu ta funkcja jest nowo dostępna w wersji podstawowej. Użyj elementu @property
, aby zdefiniować type
i ustawić wartość zastępczą dla właściwości niestandardowych usługi porównywania cen.