Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w maju 2022 roku.
Stabilne wersje przeglądarek
W maju Chrome 102, Safari 15.5, Firefox 100 i Firefox 101 stały się stabilny.
W Chrome 102 i Safari 15.5 znajdują się 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 udostępnia Nawigacja API, czyli interfejs API, który standaryzuje routing po stronie klienta w aplikacjach jednostronicowych. Ten interfejs API nosił wcześniej nazwę App History API.
Firefox 101 obsługuje arkusze stylów, które można utworzyć. Obsługa obejmuje konstruktor CSSStyleSheet() oraz metody replace() i replaceSync(). Konstruktalne arkusze stylów ułatwiają tworzenie arkuszy do użytku z modelem Shadow DOM. W poniższym przykładzie arkusz stylów jest tworzony przy użyciu konstruktora CSSStyleSheet(), reguła CSS jest dodawana za pomocą metody replaceSync(), a wynikowa reguła jest drukowana w konsoli.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
W Firefoksie 101 dostępna jest też funkcja obsługi multimediów prefers-contrast, dzięki której można z niej korzystać w różnych przeglądarkach.
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.
Nowością w wersji beta w kwietniu były Chrome 103 i Firefox 102.
Firefox w wersji 102 zawiera funkcję multimediów update. Służą one do sprawdzania, czy urządzenie wyjściowe może zmieniać wygląd treści po wyrenderowaniu. Przyjmuje te wartości:
none- Po wyrenderowaniu treści nie można już zaktualizować. Może to być na przykład wydrukowany dokument.
slow- Urządzenie może zaktualizować treść, ale zbyt wolno, aby wyświetlić płynną animację. na przykład ekrany E-ink.
fast- Zawartość może zmieniać się dynamicznie i na tyle szybko, by renderować animacje. Na przykład ekran komputera lub telefonu.
Chrome 103 zawiera 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.
Edytowanie: poprzednia wersja tego posta zawierała wzmiankę o metodzie Element.isVisible(), która w tej wersji nie obejmuje dostawy.