Nowości na platformie internetowej w kwietniu

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

W kwietniu Chrome 101 i Firefox 99 są stabilne. Po wprowadzeniu wielu funkcji w poprzednim miesiącu kwiecień był nieco spokojniejszy, ale i tak pojawiło się kilka ciekawych nowości.

Chrome 101 zawiera notację kolorów hwb. Określa kolor na podstawie jego odcienia, bieli i czerni. Podobnie jak w przypadku innych zapisów kolorów, opcjonalny komponent alfa określa przezroczystość.

h1 {
 
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Aby dowiedzieć się więcej o funkcji hwb(), przeczytaj ten artykuł Stefana Judisa: hwb() – czy notacja kolorów hwb jest przydatna dla ludzi?.

Obsługa przeglądarek

  • Chrome: 101.
  • Edge: 101.
  • Firefox: 96.
  • Safari: 15.

Źródło

W Chrome 101 dostępna jest też funkcja Priorytet pobierania. Dzięki temu możesz zasugerować przeglądarce, w jakiej kolejności powinny być pobierane zasoby, używając atrybutu fetchpriority. W przykładzie poniżej obraz o niskim priorytecie jest oznaczony ikoną fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

Priorytet pobierania nie jest jeszcze dostępny w innych przeglądarkach, ale możesz zacząć go używać już teraz, co przyniesie korzyści wszystkim użytkownikom przeglądarki opartej na Chromium 101.

Obsługa przeglądarek

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2

Źródło

Firefox 99 zawiera w interfejsie Nawigatora właściwość pdfViewerEnabled. Ta właściwość wskazuje, czy przeglądarka obsługuje wyświetlanie wbudowane plików PDF.

if (!navigator.pdfViewerEnabled) {
 
// The browser does not support inline viewing of PDF files.
}

Obsługa przeglądarek

  • Chrome: 94.
  • Krawędź: 94.
  • Firefox: 99.
  • Safari: 16.4.

Źródło

Wersje przeglądarek (beta)

Wersje beta przeglądarki umożliwiają przeglądanie funkcji, które pojawią się w następnej wersji stabilnej. To świetna okazja, by przetestować nowe funkcje lub usunięcia, które mogą mieć wpływ na Twoją witrynę jeszcze przed udostępnieniem ich wszystkim użytkownikom.

W kwietniu pojawiły się nowe wersje beta przeglądarek Chrome 102, Firefox 100 i Safari 15.5.

Wersje demonstracyjne Chrome 102, Safari 15.5 i Firefox zawierają atrybut inert. Spowoduje to usunięcie elementów z kolejności kart i drzewa ułatwień dostępu, jeśli nie są interaktywne. Może to być na przykład element, który jest obecnie poza ekranem lub ukryty.

Chrome 102 zawiera nową wartość until-found dla atrybutu HTML hidden. Umożliwia to znajdowanie na stronie i przewijanie do fragmentu tekstu, który znajduje się w zwiniętych obszarach strony, np. w obszarze złożonym jak harmonijka. Więcej informacji znajdziesz w poście Ułatwianie dostępu do złożonych treści za pomocą ustawienia hidden=until-found.

Obsługa przeglądarek

  • Chrome: 102.
  • Edge: 102.
  • Firefox: nieobsługiwane.
  • Safari: nieobsługiwane.

Źródło

Chrome 102 zawiera też interfejs Local Font Access API, który umożliwia dostęp do czcionek zainstalowanych lokalnie przez użytkownika.

Te funkcje beta wkrótce trafią do stabilnych wersji przeglądarek.

Fragment cyklu Nowości w internecie