Nowości na platformie internetowej w lutym

Poznaj kilka ciekawych funkcji, które w lutym 2022 r. trafiły do stabilnych i beta wersji przeglądarek internetowych.

Rachel Andrew

stabilne wersje przeglądarek,

W lutym Chrome 98 i Firefox 97 stały się stabilne.

W Chrome 98 wprowadzono metodę self.structuredClone. Tworzy ona głęboki klon wartości za pomocą algorytmu strukturalnego klonowania. Więcej informacji o structuredClone()

Firefox 97 zawiera warstwy kaskadowe. At-rule @layer definiuje warstwę kaskadową, która pomaga kontrolować szczegółowość.

@layer framework {
  /* creates a new layer named framework */
}

Firefox jest pierwszą przeglądarką, która wprowadziła tę funkcję w wersji produkcyjnej. Przeczytaj jednak sekcję tego posta poświęconą wersjom beta, ponieważ ta funkcja wkrótce będzie dostępna wszędzie. Więcej informacji o warstwach kaskadowych znajdziesz w artykule Warstwy kaskadowe wchodzą do przeglądarki.

Firefox wyświetla też właściwość scrollbar-gutter. Ta właściwość pomaga wyeliminować zmiany układu spowodowane wyświetlaniem paska przewijania wraz z powiększaniem się treści.

Rynna paska przewijania to przestrzeń między wewnętrzną krawędzią obramowania a zewnętrzną krawędzią dopełnienia. W tym miejscu w razie potrzeby pojawi się pasek przewijania. Jeśli suwak nie jest widoczny, margines jest wyświetlany jako przedłużenie wypełnienia. Ten kod CSS doda odstęp uwzględniający rozmiar paska przewijania po obu stronach pola, aby zachować symetryczny wygląd.

.container {
  scrollbar-gutter: stable both-edges;
}

Chrome 98 obsługuje czcionki wektorowe z gradientem kolorów COLRv1 jako dodatkowy nowy format czcionki. Kolorowa czcionka zawiera znaki z wieloma kolorami, np. emotikony, flagi państw lub wielokolorowe litery.

Więcej informacji o tym nowym formacie czcionki znajdziesz w artykule Czcionki wektorowe z kolorowym gradientem w Chrome 98.

Wersje beta przeglądarek

Wersje beta przeglądarki umożliwiają przeglądanie funkcji, które pojawią się w następnej wersji stabilnej. To świetny czas na przetestowanie nowych funkcji lub usunięcia, które mogą wpłynąć na Twoją witrynę, zanim zostaną wprowadzone na całym świecie.

W lutym pojawiły się nowe wersje beta Chrome 99 i Firefox 98. Safari w wersji beta 15.4 jest nadal w trakcie opracowywania. Niektóre z funkcji, które pojawiły się w zeszłym miesiącu, zostały opisane przeze mnie wcześniej.

Chrome 99 obejmuje warstwy kaskadowe, a w Safari Beta 15.4 – ta funkcja powinna być wkrótce dostępna we wszystkich ponadczasowych przeglądarkach.

Chrome 99 zawiera też kilka nowych atrybutów dla elementu CanvasRenderingContext2D oraz nową metodę showPicker() w elementach HTMLInputElement, która umożliwia wyświetlanie w przeglądarce selektora daty, czasu, koloru i plików.

W przeglądarce Firefox 98 znajduje się element <dialog>. Kolejna funkcja, która będzie dostępna we wszystkich przeglądarkach evergreen, gdy wersje beta przeglądarek Firefox i Safari staną się stabilne.

Wszystkie te funkcje w wersji beta wkrótce trafią do stabilnych wersji przeglądarek.

Fragment cyklu Nowości w internecie