Poznaj kilka interesujących funkcji, które trafiły do przeglądarek w stabilnej i wersji beta w listopadzie 2023 r.
Wersje stabilne przeglądarki
W listopadzie 2023 r. mieliśmy tylko 1 stabilną wersję przeglądarki z Firefox 120. W tym poście omawiamy znaczenie dla platformy internetowej.
Obsługa atrybutu media w elemencie <source>
Firefox ponownie obsługuje atrybut media w elemencie <source>. Dodaliśmy obsługę elementów <audio> i <video>. W tej wersji atrybut media będzie dostępny w elementach <source> w elementach <audio>, <video> i <picture>.
Atrybut media będzie wkrótce dostępny w Chrome. Jest on już dostępny w przeglądarce Safari. Wkrótce wprowadzimy więc obsługę elastycznych treści wideo i audio HTML we wszystkich wyszukiwarkach.
Funkcja CSS „Kolor light-dark()”
Firefox obsługuje teraz funkcję koloru CSS light-dark(). Oznacza to, że możesz ustawiać kolory dla schematów jasnych i ciemnych bez korzystania z funkcji multimediów prefers-color-scheme.
Jednostki: lh i rlh
Firefox obsługuje jednostki CSS lh i rlh. Pozwalają one ustawić wartości względem wysokości wiersza elementu. Jest to przydatne, gdy chcesz wyrównać obrazy tła do tekstu.
W tej wersji funkcje te współdziałają ze wszystkimi 3 głównymi wyszukiwarkami.
Obsługa przeglądarek
- 109
- 109
- 120
- 16.4
Wczesne wskazówki HTTP 103
Firefox obsługuje teraz kod stanu odpowiedzi informacji HTTP 103 Early Hints.
Wersje przeglądarek (beta)
Przeglądarki w wersji beta dają podgląd funkcji, które zostaną wprowadzone w następnej stabilnej wersji przeglądarki. To świetna okazja, by przetestować nowe funkcje lub usunięcia, które mogą mieć wpływ na Twoją witrynę, zanim ta funkcja stanie się dostępna na całym świecie. Nowe wersje beta to Firefox 121, Chrome 120 i Safari 17.2. Te wersje wprowadzają na platformie wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto niektóre z nich.
Chrome 120 i Safari 17.2 zawierają analizę relaksacyjną na potrzeby zagnieżdżania CSS.
Chrome 120 usuwa prefiksy właściwości -webkit-mask* i dostosowuje je do bieżącej specyfikacji. Są to m.in. mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size i mask-composite, a także skrót od mask. Lokalne odwołania typu mask-image są obsługiwane, serializacja jest teraz zgodna ze specyfikacją, a akceptowane wartości są teraz zgodne ze specyfikacją.
Chrome 120 i Safari 17.2 obsługują atrybut name dla elementu <details>.
Firefox 121 zawiera selektor CSS :has(). W tej wersji usługa :has() współpracuje ze wszystkimi ważnymi wyszukiwarkami.