Nowości na platformie internetowej w czerwcu

Poznaj kilka ciekawych funkcji, które w czerwcu 2024 r. pojawiły się w stabilnych i beta-wersjach przeglądarek.

Rachel Andrew

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:

Obsługa przeglądarek

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 127.
  • Safari: 17.

Źródło

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.

Obsługa przeglądarek

  • Chrome: 76.
  • Edge: 79.
  • Firefox: 127.
  • Safari: 13.1.

Źródło

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

  • Chrome: 111.
  • Edge: 111.
  • Firefox: 127.
  • Safari: 16.2.

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

  • Chrome: 126.
  • Edge: 126.
  • Firefox: nieobsługiwane.
  • Safari Technology Preview: obsługiwane.

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.