Poznaj kilka ciekawych funkcji, które w kwietniu 2022 r. trafiły do stabilnych i beta wersji przeglądarek internetowych.
stabilne wersje przeglądarek,
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?.
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.
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.
}
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.
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