Poznaj kilka ciekawych funkcji, które w październiku 2024 r. trafiły do stabilnych i beta wersji przeglądarek internetowych.
stabilne wersje przeglądarek,
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() i 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.
Fragmenty tekstu
Firefox 131 obsługuje też fragmenty tekstu oraz pseudoelement CSS ::target-text
.
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
.
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()
i cancelVideoFrameCallback()
interfejsu HTMLVideoElement
.
Obejmuje to również metodę MediaStreamTrack.getCapabilities()
.
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.
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.
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
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
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.