Poznaj kilka interesujących funkcji, które trafiły do przeglądarek w stabilnej i wersji beta w czerwcu 2024 r.
Wersje stabilne przeglądarki
W czerwcu 2024 r. Firefox 127 i Chrome 126 stały się stabilne. W tym poście omawiamy nowe funkcje dodane do platformy internetowej.
Metody JavaScript Set
Zbiory danych to kluczowa struktura danych w każdym języku programowania. Teraz możesz używać wbudowanych metod JavaScriptu do wykonywania operacji na ustawianiu. W przeglądarce Firefox 127 są obecnie dostępne następujące metody ustawiania, które stały się częścią zestawu nowych funkcji Baseline:
intersection()union()difference()symmetricDifference()isSubsetOf()isSupersetOf()isDisjointFrom()
Więcej informacji znajdziesz w artykule Metody JavaScript Set są teraz częścią zestawu bazowego.
Async Clipboard API
Interfejs Clipboard API jest teraz w pełni obsługiwany w przeglądarce Firefox 127. 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 w taki sposób, aby akceptowały <color-interpolation-method>. Jest on teraz obsługiwany w Firefoksie, dzięki czemu działa we wszystkich popularnych wyszukiwarkach.
Teraz możesz na przykład określić 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
- 111
- 111
- 127
- 16,2
Przejścia widoku między dokumentami
Wcześniej trzeba było zmienić architekturę witryny, aby stała się SPA, aby można było używać interfejsu View Przenoszenie API. Już tak nie jest. Od Chrome 126 przejścia między widokami są teraz domyślnie włączone w przypadku nawigacji z tej samej domeny. Możesz utworzyć przejście między 2 różnymi dokumentami tej samej domeny.
Aby umożliwić wyświetlanie różnych dokumentów, obie strony muszą wyrazić na to zgodę.
Aby to zrobić, użyj reguły @view-transition i ustaw deskryptor nawigacji na auto.
@view-transition {
navigation: auto;
}
Więcej informacji znajdziesz w dokumentacji dotyczącej przejścia między widokami różnych dokumentów.
Rozszerzenie trigger-rumble interfejsu Gamepad API
Chrome 126 rozszerza interfejs GamepadHapticActuator, aby udostępnić funkcję trigger-rumble w internecie na zgodnych padach do gier.
Dzięki temu rozszerzeniu aplikacje internetowe korzystające z interfejsu Gamepad API będą wibrować uruchamiające pady do gier wyposażonych w tę funkcję.
Wersje przeglądarek (beta)
Przeglądarki w wersji beta dają podgląd funkcji, które zostaną wprowadzone w następnej stabilnej wersji przeglądarki. To świetna okazja, by przetestować nowe funkcje lub usunięcia, które mogą mieć wpływ na Twoją witrynę, zanim ta funkcja stanie się dostępna na całym świecie. Nowe wersje beta to Firefox 128, Chrome 127, Safari 18 i Safari 17.6. Te wersje wprowadzają na platformie wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto niektóre z nich.
Safari 17.6 to wersja z poprawkami istniejących funkcji. Safari 18 ma wiele nowych, ciekawych funkcji, w tym zapytania dotyczące kontenerów stylu, interfejs API przejściowy do wyświetlania w przypadku aplikacji jednostronicowych oraz obsługę słowa kluczowego safe we właściwościach Flexbox.
Chrome 127 zawiera właściwość CSS font-size-adjust, możliwość określania tekstu alternatywnego w wygenerowanych treściach jako dowolnej liczby elementów oraz dodawanie informacji o poszczególnych rozdziałach w usłudze MediaMetaData.
Firefox w wersji 128 zawiera właściwości i wartości CSS, dzięki czemu ta funkcja jest już dostępna jako element bazowy. Użyj @property, by zdefiniować element type i ustawić wartość zastępczą dla niestandardowych właściwości CSS.