Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w maju 2023 roku.
Stabilne wersje przeglądarek
W maju 2023 roku Firefox 113, Chrome 113, Chrome 114 i Safari 16.5 stały się stabilne. Przyjrzyjmy się, co to oznacza dla platformy internetowej.
WebGPU
Chrome 113 zawiera platformę WebGPU, następcę interfejsów API graficznych WebGL i WebGPU 2. Oferuje ona nowoczesne funkcje, takie jak wykorzystanie zasobów obliczeniowych na GPU, niższy dostęp do sprzętu GPU, możliwość renderowania w wielu obszarach roboczych z jednego urządzenia graficznego oraz lepszą, bardziej przewidywalną wydajność.
Zestawy źródeł własnych
Zestawy źródeł własnych (FPS) są częścią Piaskownicy prywatności. Umożliwia organizacjom deklarowanie relacji między witrynami, dzięki czemu przeglądarki mogą decydować, kiedy zezwolić na ograniczony dostęp do plików cookie innych firm w przypadku witryn w zestawie. FPS rozpoczęły się etapowe wdrażanie w Chrome 113.
Funkcje multimedialne CSS i nie tylko
W przypadku usług porównywania cen Chrome 113 zawiera funkcje multimedialne overflow-inline
i overflow-block
.
Oraz funkcji multimedialnej update
.
Dostępna jest też funkcja wygładzania linear()
, o której dowiesz się więcej z artykułu Tworzenie złożonych krzywych animacji w CSS przy użyciu funkcji wygładzania linear()
.
Obsługa przeglądarek
- 113
- 113
- 112
- 17.2
Funkcje CSS Color Level 4
W przeglądarce Firefox w wersji 113 znajdują się zapisy funkcyjne color()
, lab()
, lch()
, oklab()
, oklch()
i color-mix()
, a także właściwość wymuszania dostosowania koloru. Oznacza to, że nowe przestrzenie kolorów i funkcje są teraz obsługiwane we wszystkich 3 głównych wyszukiwarkach. Więcej informacji o tych przestrzeniach i funkcjach znajdziesz w przewodniku po kolorach CSS w wysokiej rozdzielczości.
Większa kontrola nad wybranymi opcjami (:nth-child()
)
W przeglądarce Firefox w wersji 113 można też przekazywać listę wyboru do interfejsów :nth-child()
i nth-last-child()
. Więcej informacji na ten temat znajdziesz w artykule Więcej informacji o opcjach :nth-child() w składni S (w języku angielskim).
Obsługa przeglądarek
- 111
- 111
- 113
- 9
Interfejs API kompresji strumieni
Dzięki włączeniu w przeglądarce Firefox 113 interfejs API Commitions Streams API umożliwia obecnie kompresję i dekompresję strumieni, teraz obsługiwany we wszystkich 3 głównych silnikach. Oznacza to, że aplikacje JavaScript nie muszą już pakować biblioteki kompresji.
Zagnieżdżanie arkuszy CSS
W przeglądarce Safari w wersji 16.5 większość problemów rozwiązano, ale dodano też obsługę zagnieżdżania arkusza CSS z nowym selektorem zagnieżdżania >
, który służy do zagnieżdżania powiązanych reguł stylów. Jest to sposób znany deweloperom, którzy korzystali z procesorów wstępnych:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
Równowaga między nagłówkami – text-wrap: balance
Od Chrome 114 możesz używać text-wrap: balance
. Pozwala to zachować równowagę między nagłówkami i uniknąć problemu z umieszczaniem tylko jednego słowa w ostatnim wierszu, a wyniki będą bardziej przyjemne i czytelne. Więcej informacji znajdziesz w sekcji CSS text-wrap: Balance.
CHIPS: pliki cookie w niezależnym stanie partycjonowania
W ramach działań mających na celu wycofywanie plików cookie innych firm CHIPS umożliwia wyrażenie zgody na partycjonowanie plików cookie innych firm przez witrynę najwyższego poziomu za pomocą nowego atrybutu pliku cookie Partitioned
. CHIPS są dostępne w Chrome 114.
Popover API
W Chrome 114 jest też dostępny interfejs Popover API, który ułatwia tworzenie tymczasowych elementów interfejsu (UI) wyświetlanych nad innymi interfejsami aplikacji internetowych.
Należą do nich elementy interaktywne, takie jak menu działań, sugestie dotyczące elementów formularza, selektory treści i interfejs nauczania.
Nowy atrybut wyskakującego okienka umożliwia automatyczne wyświetlanie dowolnego elementu w górnej warstwie. Dzięki temu deweloper nie musi się już martwić pozycjonowaniem, układaniem elementów, fokusem ani interakcjami z klawiaturą.
Więcej informacji znajdziesz w artykule Przedstawiamy interfejs API popover.
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 114, Chrome 115 i Safari 16.6. Wprowadziliśmy w nich wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najciekawszych.
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, a po raz kolejny w wersji stabilnej w Chrome te wartości będą dostępne we wszystkich wyszukiwarkach.
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.
Firefox w wersji 114 zawiera interfejs WebTransport API, nowoczesną aktualizację WebSockets, która zapewnia obsługę wielu strumieni, strumieni jednokierunkowych oraz dostawy w innej kolejności.