Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w kwietniu 2022 r.
Stabilne wersje przeglądarek
W kwietniu Chrome 101 i Firefox 99 stały się stabilne. W zeszłym miesiącu liczba funkcji dostępnych w bumperach była nieco spokojniejsza, ale postanowiliśmy wykorzystać kilka interesujących faktów.
Chrome 101 zawiera notację kolorów hwb. Określa kolor na podstawie barwy, bieli i czerni. Tak 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 hwb()
, przeczytaj ten artykuł Stefana Judisa: hwb() – zapis kolorów dla ludzi.
W Chrome 101 dostępna jest też funkcja Priorytet pobierania. Dzięki temu możesz za pomocą atrybutu fetchpriority
wskazać przeglądarce, w jakiej kolejności należy pobrać zasoby. W poniższym przykładzie 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 z niego korzystać już teraz, aby pomóc osobom korzystającym z przeglądarki opartej na Chromium 101.
Firefox w wersji 99 zawiera właściwość pdfViewerEnabled
interfejsu Nawigatora. Ta właściwość określa, czy przeglądarka obsługuje wbudowane wyświetlanie plików PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
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 kwietniu to Chrome 102, Firefox 100 i Safari 15.5.
Wersje poglądowe 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. Na przykład element, który obecnie znajduje się poza ekranem lub jest ukryty.
Chrome 102 zawiera nową wartość until-found
dla atrybutu HTML hidden
. Umożliwia to wyszukiwanie na stronie i przewijanie do fragmentu tekstu w tekście znajdującym się w zwiniętym obszarze strony, tak jak ma to miejsce we wzorcu akordeonowym. Więcej informacji znajdziesz w artykule Umożliwianie dostępu do zwiniętej zawartości za pomocą parametruhidden=until-found.
Chrome 102 zawiera też interfejs Local Font Access API, który umożliwia dostęp do lokalnie zainstalowanych czcionek użytkownika.
Te funkcje w wersji beta będą wkrótce dostępne w stabilnych przeglądarkach.