Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w lipcu 2023 roku.
Stabilne wersje przeglądarek
W lipcu 2023 roku Firefox 115 i Chrome 115 stały się stabilne. W tym poście omówimy, co to oznacza dla platformy internetowej.
Wiele wartości właściwości CSS display
Chrome 115 zawiera wiele wartości właściwości CSS display. Oznacza to, że display: flex zmienia się w display: block flex, a display: block zmienia się w display: block flow. Pojedyncze wartości zostaną zachowane jako słowa kluczowe starszego typu i są one teraz dostępne w 3 głównych wyszukiwarkach.
Obsługa przeglądarek
- 115
- 115
- 70
- 15
Animacje przewijane
W Chrome 115 dostępne są też rozszerzenia ScrollTimeline i ViewTimeline ze specyfikacji animacji internetowych. Umożliwiają one korzystanie z animacji przewijanych wykorzystujących CSS i JavaScript.
Interfejsy API Piaskownicy prywatności
Interfejsy API Piaskownicy prywatności dostępne w Chrome 115. Dotyczy to interfejsów API Topics, Protected Audience, Attribution Reporting, agregacji prywatnej, pamięci współdzielonej oraz Fenced Frames API.
Aby dowiedzieć się więcej o tych interfejsach API, zapoznaj się z prezentacjami Piaskownicy prywatności.
Właściwość animation-composition
Firefox 115 obsługuje właściwość CSS animation-composition. Wprowadzamy obsługę animation-composition we wszystkich 3 głównych wyszukiwarkach. Więcej informacji znajdziesz w artykule Określanie sposobu łączenia różnych efektów animacji z kompozycją animacji.
Metody tablicowe
Działanie funkcji interoperacyjności z przeglądarką Firefox 115 jest też możliwe w przypadku Array i TypedArray. Funkcje Array.toReversed(), Array.toSorted(), Array.toSpliced(), Array.with(), TypedArrays.toReversed(), TypedArrays.toSorted() i TypedArrays.with() zwracają nową tablicę z elementami, które zostały skopiowane w niedużym stopniu.
Wersje przeglądarki (beta)
Wersje beta zawierają podgląd funkcji, które pojawią się w następnej stabilnej wersji przeglądarki. To doskonała okazja do przetestowania nowych funkcji lub usunięć, które mogą wpłynąć na Twoją witrynę, zanim udostępnimy je użytkownikom na całym świecie. Nowe wersje beta to Firefox 116 i Chrome 116. Platformy Safari 17 i Safari 16.6 w wersji beta nadal trwają. Wprowadziliśmy w nich wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najciekawszych.
Firefox 116 obsługuje interfejs Audio output Devices API na wszystkich platformach oprócz Androida. Ten interfejs API pozwala aplikacjom internetowym na przekierowywanie wyjścia audio do odpowiedniego zestawu słuchawkowego Bluetooth, głośnika lub innego urządzenia bez konieczności używania przeglądarki czy domyślnego systemu operacyjnego.
Chrome 116 zawiera funkcję CSS Motion Path, która umożliwia animowanie dowolnego obiektu graficznego wzdłuż ścieżki określonej przez programistę. To daje wiele nowych możliwości przekształcenia, takich jak określanie położenia za pomocą współrzędnych biegunowych (z funkcją ray()) zamiast standardowych prostokątnych współrzędnych używanych przez funkcję translate() lub animowanie elementu wzdłuż zdefiniowanej ścieżki. Ułatwia to definiowanie skomplikowanych i pięknych przejść przestrzennych 2D. Ścieżka może być określona jako circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() i url().
W Chrome 116 jest też dostępny interfejs Document Picture-in-Picture API. Umożliwia to wyświetlanie okna zawsze na wierzchu, które może zostać wypełnione dowolnymi elementami HTMLElement. Jest to rozszerzenie istniejącego interfejsu API HTMLVideoElement, które umożliwia umieszczanie elementu HTMLVideoElement w oknie obrazu w obrazie (PiP).