Nowości na platformie internetowej w kwietniu

Poznaj ciekawe funkcje, które pojawiły się w stabilnych i beta wersjach przeglądarek w kwietniu 2022 roku.

Rachel Andrew

Stabilne wersje przeglądarki

W kwietniu stabilne stały się Chrome 101 i Firefox 99. Po ogromnej liczbie funkcji, które pojawiły się w zeszłym miesiącu, w kwietniu było nieco spokojniej, ale pojawiło się kilka ciekawych nowości.

Chrome 101 zawiera notację kolorów hwb. Określa kolor na podstawie odcienia, bieli i czerni. Podobnie jak w przypadku innych oznaczeń kolorów opcjonalny składnik alfa określa krycie.

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

Więcej informacji o hwb() znajdziesz w tym artykule Stefana Judisa: hwb() – a color notation for humans? (w języku angielskim).

W Chrome 101 dostępna jest też funkcja Fetch Priority. Dzięki temu możesz zasugerować przeglądarce, w jakiej kolejności powinna pobierać zasoby, używając atrybutu fetchpriority. Na przykładzie poniżej obraz o niskim priorytecie jest oznaczony symbolem fetchpriority="low".

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

Interfejs Fetch Priority nie jest jeszcze dostępny w innych przeglądarkach, ale możesz zacząć go używać już teraz, aby zapewnić korzyści wszystkim użytkownikom przeglądarek opartych na Chromium 101.

Firefox 99 zawiera właściwość pdfViewerEnabled interfejsu Navigator. Ta właściwość wskazuje, czy przeglądarka obsługuje wyświetlanie plików PDF w tekście.

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

Wersje beta przeglądarki

Wersje beta przeglądarki umożliwiają zapoznanie się z funkcjami, które pojawią się w następnej wersji stabilnej. To świetny moment na przetestowanie nowych funkcji lub usunięcie tych, które mogą mieć wpływ na Twoją witrynę, zanim zostaną one udostępnione wszystkim użytkownikom.

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

Wersje Chrome 102, Safari 15.5 i wersje podglądowe Firefoxa zawierają atrybut inert. Spowoduje to usunięcie elementów z kolejności tabulacji i drzewa ułatwień dostępu, jeśli nie są interaktywne. Na przykład element, który jest obecnie poza ekranem lub jest ukryty.

Chrome 102 zawiera nową wartość until-found atrybutu HTML hidden. Umożliwia to wyszukiwanie na stronie i przewijanie do fragmentu tekstu znajdującego się w zwiniętym obszarze strony, np. w akordeonie. Więcej informacji znajdziesz w poście Making collapsed content accessible with hidden=until-found (Udostępnianie zwiniętych treści za pomocą atrybutu hidden=until-found).

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

Te funkcje w wersji beta wkrótce pojawią się w stabilnych wersjach przeglądarek.

Część serii Nowości w internecie