Odkryj ciekawe funkcje, które zostały udostępnione w wersjach stabilnych i beta w przeglądarkach internetowych w styczniu 2022 roku.
Stabilne wersje przeglądarek
W styczniu Chrome 97 i Firefox 96 stały się stabilne.
W przeglądarce Firefox w wersji 96 została udostępniona funkcja kolorów hwb(). Ta funkcja wyraża kolor za pomocą barwy, bieli i czerni.
W przeglądarce Firefox w wersji 96 znajduje się też właściwość CSS color-scheme. Ta właściwość pozwala wskazać schematy kolorów, w których element może być renderowany. Aby na przykład wskazać, że plik .widget może być renderowany w trybie jasnym lub ciemnym systemu operacyjnego, użyj poniższego kodu CSS.
.widget {
color-scheme: light dark;
}
W przypadku strony schematu kolorów w przeglądarce Firefox usługa jest dostępna w przeglądarkach Chrome, Firefox i Safari.
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.
W styczniu pojawiły się wersje beta Chrome 98, Firefox 97 i Safari 15.4 Beta 1.
Chrome 98 obsługuje wektorowe czcionki wektorowe COLRv1 jako dodatkowy nowy format czcionek. Kolorowa czcionka zawiera glify w wielu kolorach, np. emotikon, flagę kraju lub wielokolorową literę.
Więcej informacji o tym nowym formacie czcionek znajdziesz w artykule COLRv1 Color Gradient Vector Fonts w Chrome 98 (w języku angielskim).
Obejmuje też metodę structuredClone() do tworzenia precyzyjnych kopii obiektów oraz zapytania o media CSS dynamic-range i video-dynamic-range. Więcej informacji o funkcjach do przetestowania znajdziesz w poście na temat Chrome 98 w wersji beta.
Narzędzia deweloperskie w Chrome 98 obejmują całą gamę nowych funkcji, w tym nowe pełne drzewo ułatwień dostępu.
Firefox 97 w wersji beta obsługuje jednostki cap i ic w length oraz implementuje właściwość scrollbar-gutter.
Safari 15.4 Beta oferuje całą kolekcję przydatnych funkcji. Dostępne funkcje to implementacja pseudoelementu ::backdrop, pseudoklasy :focus-visible, akcent-color oraz zawartości CSS z właściwością contain. Ta wersja beta obejmuje również element HTML <dialog>, atrybut lazy obrazów umożliwiający leniwe ładowanie oraz obsługę ikon w pliku manifestu aplikacji internetowych.
Wszystkie te funkcje beta będą wkrótce dostępne w stabilnych przeglądarkach.