Nowości na platformie internetowej w październiku

Poznaj kilka ciekawych funkcji, które w październiku 2024 r. trafiły do stabilnych i beta wersji przeglądarek internetowych.

W październiku 2024 r. stały się stabilne wersje Firefox 131, Firefox 132, Safari 18.1 i Chrome 130. W tym poście omawiamy nowe funkcje dodane do platformy internetowej.

Pomocnicze funkcje iteracyjne synchroniczne

Firefox 131 dodaje obsługę synchronicznych pomocników iteracji. Na przykład Iterator.prototype.forEach()Iterator.prototype.map(). Te pomocnicze funkcje umożliwiają wykonywanie operacji na iteratorach podobnych do tablic bez tworzenia pośrednich obiektów tablic, w tym bardzo dużych zbiorów danych, w których przypadku tworzenie pośrednich tablic nie byłoby możliwe.

Obsługa przeglądarek

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: nieobsługiwane.

Źródło

Fragmenty tekstu

Firefox 131 obsługuje też fragmenty tekstu oraz pseudoelement CSS ::target-text.

Obsługa przeglądarek

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari Technology Preview: obsługiwane.

Źródło

Pliki cookie o niezależnym stanie partycjonowania (CHIPS)

Firefox 131 zawiera CHIPS, dzięki któremu możesz przechowywać pliki cookie w oddzielnym miejscu za pomocą dyrektywy partitioned w nagłówku HTTP Set-Cookie.

Obsługa przeglądarek

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: nieobsługiwane.

Źródło

Aktualizacje multimediów

W drugiej październikowej wersji Firefoxa znalazł się zestaw funkcji multimedialnych, które dołączyły do grupy Nowości. Firefox 132 zawiera metody requestVideoFrameCallback()cancelVideoFrameCallback() interfejsu HTMLVideoElement.

Obsługa przeglądarek

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

Źródło

Obejmuje to również metodę MediaStreamTrack.getCapabilities().

Obsługa przeglądarek

  • Chrome: 59.
  • Krawędź: 12.
  • Firefox: 132.
  • Safari: 11.

Źródło

fetchPriority

Interfejs Fetch Priority API wskazuje względny priorytet zasobów dla przeglądarki. Jest on obsługiwany od Firefoksa 132, co oznacza, że ten przydatny interfejs API jest teraz dostępny w wersji podstawowej.

Więcej informacji znajdziesz w artykule Optymalizowanie ładowania zasobów za pomocą interfejsu Fetch Priority API.

Obsługa przeglądarek

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Źródło

Pełna obsługa box-decoration-break

Chrome 130 zawiera pełną obsługę właściwości CSS box-decoration-break bez prefiksu. Obejmuje to wartość clone w przypadku blokowej i wbudowanej fragmentacji.

Obsługa przeglądarek

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 32.
  • Safari: 7.

Źródło

Więcej informacji o tej właściwości znajdziesz w artykule Właściwość box-decoration-break w Chrome 130.

Reguła dotycząca zagnieżdżonych deklaracji

Chrome 130 i Firefox 132 obsługują zagnieżdżone deklaracje CSS, co oznacza, że zagnieżdżony kod CSS jest poprawnie analizowany zgodnie z opisem w ulepszonej obsługi zagnieżdżania CSS w CSSNestedDeclarations.

Obsługa przeglądarek

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: nieobsługiwane.

Atrybut numer seryjny connected i zdarzenia połączenia RFCOMM

Chrome 130 dodaje atrybut logiczny SerialPort.connected. Atrybut zwraca wartość „true” (prawda), jeśli port szeregowy jest logicznie połączony.

Dzięki tej funkcji porty szeregowe Bluetooth RFCOMM wysyłają te zdarzenia, gdy port jest logicznie połączony lub rozłączony.

Ta funkcja umożliwia aplikacjom wykrywanie, kiedy port szeregowy Bluetooth RFCOMM jest dostępny bez otwierania portu.

Więcej informacji znajdziesz w artykule Bluetooth RFCOMM w Web Serial – aktualizacje.

Obsługa przeglądarek

  • Chrome: 130.
  • Edge: nieobsługiwane.
  • Firefox: nieobsługiwane.
  • Safari: nieobsługiwane.

poprawki dotyczące ułatwień dostępu w Safari;

Wersja Safari 18.1 została wydana w krótkim czasie po Safari 18 i zawiera poprawki dotyczące kilku problemów z dostępnością, zwłaszcza display: contents.

Wersje beta przeglądarek

Wersje beta przeglądarki umożliwiają wgląd w funkcje, które pojawią się w następnej wersji stabilnej. To świetny czas na przetestowanie nowych funkcji lub zmian, które mogą mieć wpływ na Twoją witrynę, zanim zostaną udostępnione publicznie. Nowe wersje beta to Firefox 133 i Chrome 131. Te wersje wprowadzają na platformę wiele przydatnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najważniejszych informacji.

Firefox 133 obsługuje interfejsy ImageDecoder, ImageTrackList i ImageTrack interfejsu WebCodecs API, co umożliwia dekodowanie obrazów z wątków głównych i roboczych.

Firefox 133 obsługuje też WorkerNavigator.permissions.

Wersja Chrome 131 zawiera dziedziczenie wyróżnienia CSS, w którym pseudoklasy wyróżnienia CSS, takie jak ::selection i ::highlight, dziedziczą swoje właściwości przez łańcuch pseudowyróżnienia, a nie łańcuch elementów. Pozwala to uzyskać bardziej intuicyjny model dziedziczenia właściwości w zaznaczeniach.

W Chrome 131 dostępna jest też obsługa marginesów dla mediów w ramach strony CSS @page, dzięki czemu podczas drukowania z internetu możesz dodawać niestandardowe nagłówki i stopki.