Poznaj ciekawe funkcje, które zostały udostępnione w wersjach stabilnych i beta w przeglądarkach internetowych w lutym 2022 roku.
Stabilne wersje przeglądarek
W lutym Chrome 98 i Firefox 97 stały się stabilne.
W Chrome 98 została udostępniona metoda self.structuredClone. Tworzy głęboką kopię wartości za pomocą algorytmu klonowania uporządkowanych danych. Więcej informacji o structuredClone()
Firefox 97 zawiera warstwy kaskadowe. Reguła @layer definiuje warstwę kaskadową, co pomaga kontrolować dokładność.
@layer framework {
/* creates a new layer named framework */
}
Firefox jest pierwszą przeglądarką, która trafi do wersji produkcyjnej. Niedługo udostępnimy tę funkcję wszędzie, gdzie znajdziesz informacje o wersjach beta. Przeczytaj ten artykuł w tym poście. Więcej informacji o warstwach Kaskadowych znajdziesz w artykule Warstwy Kaskadowe już wkrótce udostępnimy w przeglądarce.
W Firefoksie pojawi się też właściwość scrollbar-gutter. Pomaga ona eliminować przesunięcia układu spowodowane tym, że pasek przewijania pojawia się wraz z powiększaniem się treści.
Rynny paska przewijania to przestrzeń między wewnętrzną krawędzią obramowania a zewnętrzną krawędzią dopełnienia. W tym miejscu pojawi się pasek przewijania. Jeśli pasek przewijania nie jest widoczny, rynna wyświetla się jako rozszerzenie dopełnienia. Poniższy kod CSS dodaje odstępy odpowiadające rozmiarowi paska przewijania po obu stronach pola, aby zachować symetryczny wygląd.
.container {
scrollbar-gutter: stable both-edges;
}
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).
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 w lutym to Chrome 99 i Firefox 98. Safari w wersji beta 15.4 wciąż trwa. Omówiliśmy niektóre kwestie z ostatniego miesiąca.
Chrome 99 zawiera warstwy kaskadowe. Warstwy te są też dostępne w Safari beta 15.4 i już wkrótce udostępnimy tę funkcję we wszystkich ponadczasowych przeglądarkach.
W Chrome 99 pojawiło się też kilka nowych atrybutów CanvasRenderingContext2D oraz nowa metoda showPicker() w HTMLInputElement, która umożliwia pokazanie selektora przeglądarki dla daty, godziny, koloru i plików.
W przeglądarce Firefox 98 znajdziesz element <dialog>. Kolejna funkcja, która będzie dostępna we wszystkich ponadczasowych przeglądarkach, gdy wersje beta przeglądarek Firefox i Safari będą stabilne.
Wszystkie te funkcje beta będą wkrótce dostępne w stabilnych przeglądarkach.