Poznaj kilka interesujących funkcji, które trafiły do przeglądarek w stabilnej i wersji beta w październiku 2023 r.
Wersje stabilne przeglądarki
W październiku 2023 r. wersje Firefox 119, Safari 17.1, Chrome 118 i Chrome 119 stały się stabilne. W tym poście omawiamy znaczenie dla platformy internetowej.
Funkcje JavaScript w przeglądarce Firefox 119
W przeglądarce Firefox 119 jest grupowanie tablic JavaScript z metodami statycznymi Object.groupBy i Map.groupBy.
Także w przeglądarce Firefox w wersji 119 dostępne są metody isWellFormed() i toWellFormed() String. Przy ich użyciu można sprawdzać, czy ciąg znaków zawiera poprawnie sformatowany kod Unicode, i dostosować ciąg do poprawnego formatu Unicode. Metody te współdziałają
między 3 głównymi wyszukiwarkami.
Element HTML <search> jest teraz interoperacyjny
Chrome 118 zawiera element <search> – nowy element HTML reprezentujący te części dokumentu lub aplikacji, które służą do wyszukiwania lub filtrowania. Funkcja ta działa obecnie we współpracy z 3 głównymi wyszukiwarkami.
Reguły poziome wewnątrz wybranych elementów
W październiku pojawiły się 2 wersje Chrome. W Chrome 119 wprowadziliśmy niewielkie rozszerzenie
elementów HTML <select>. Teraz możesz dodać poziomą linię między opcjami, która będzie wyświetlać separator między elementami. Więcej informacji znajdziesz w sekcji Wybierz element: teraz z liniami poziomymi.
Zakres CSS
Chrome 118 zawiera CSS o ograniczonym zakresie z regułą @scope. Ta reguła umożliwia wybieranie elementów
w drzewie podrzędnym DOM. Więcej informacji znajdziesz w artykule Ograniczanie zasięgu selektorów za pomocą atrybutu CSS @scope at-rule.
CSS preferuje-zmniejszoną-przejrzystość
Chrome 118 obsługuje funkcję multimediów prefers-reduced-transparency. Jest to jedna z funkcji, które umożliwiają sprawdzanie preferencji użytkownika na urządzeniu i reagowanie na potrzeby związane z kodem. Więcej informacji o tej funkcji znajdziesz w sekcji CSS
prefers-reduced-transparency.
Względna składnia kolorów CSS
W Chrome 119 jest to nowa, zaawansowana funkcja dostępna w CSS Kolor 5 – względna składnia kolorów. Pozwala to wyodrębnić kolor z innego koloru przy użyciu dowolnej przestrzeni kolorów lub składni, której potrzebujesz.
Czyszczenie pamięci WebAssembly (WasmGC)
Chrome 119 zawiera WasmGC, które przyspiesza pracę w WebAssembly z językami odśmiecaniami (np. Kotlin, PHP i Java). Wszystkie informacje znajdziesz w sekcji WebAssembly Collection Collection (WasmGC) domyślnie włączonej w Chrome (w języku angielskim).
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 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.
Safari 17.2 zawiera wiele nowych funkcji. W przypadku CSS obsługuje się interfejs CSS Custom Preview API, właściwości mask-border, właściwość counter-set i wiele innych funkcji. Oprócz tego mamy też wiele poprawek
do istniejących funkcji, które poprawiają interoperacyjność.
W przypadku kodu HTML przeglądarka Safari 17.2 obsługuje atrybut name w elemencie <details>. Z kolei w internetowych interfejsach API obsługa priorytetu pobierania i obrazy elastyczne są teraz włączone w <link rel=preload>.
W przeglądarce Firefox w wersji 120 dodaliśmy obsługę jednostek CSS rh i rlh, text-wrap: balance oraz light-dark().