Poznaj ciekawe funkcje, które w maju 2022 r. trafiły do stabilnych i beta wersji przeglądarek internetowych.
stabilne wersje przeglądarek,
W maju pojawiły się stabilne wersje Chrome 102, Safari 15.5, Firefox 100 i Firefox 101.
Chrome 102 i Safari 15.5 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 interfejs API nawigacji, który standaryzuje przekierowywanie po stronie klienta w aplikacji jednostronicowej. Ten interfejs API nosił wcześniej nazwę App History API.
Firefox 101 obsługuje style układu z możliwością tworzenia. Obsługa obejmuje konstruktor CSSStyleSheet()
oraz metody replace()
i replaceSync()
. Dzięki możliwości tworzenia arkuszy stylów łatwiej jest tworzyć arkusze stylów do stosowania w modelu shadow DOM. W tym przykładzie kaskadowy arkusz stylów jest tworzony za pomocą konstruktora CSSStyleSheet()
, reguła CSS jest dodawana za pomocą metody replaceSync()
, a uzyskana reguła jest drukowana w konsoli.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
Firefox 101 zawiera też funkcję mediów prefers-contrast
, która jest dostępna w różnych przeglądarkach.
Wersje beta przeglądarek
Wersje beta przeglądarki umożliwiają wgląd w funkcje, które pojawią się w następnej wersji stabilnej. To świetny czas na przetestowanie nowych funkcji lub usunięcia, które mogą wpłynąć na Twoją witrynę, zanim zostaną wprowadzone na całym świecie.
W kwietniu pojawiły się nowe wersje beta: Chrome 103 i Firefox 102.
Firefox 102 zawiera funkcję multimedialną update
. Służy do sprawdzenia, czy urządzenie wyjściowe może zmodyfikować wygląd treści po jej wyrenderowaniu. Może przyjmować te wartości:
none
- Po wyrenderowaniu treści nie można ich zaktualizować. Na przykład wydrukowany dokument.
slow
- Urządzenie może aktualizować treści, ale zbyt wolno, aby wyświetlić płynną animację. Na przykład ekrany E-ink.
fast
- Zawartość może się zmieniać dynamicznie i wystarczająco szybko, aby renderować animacje. Może to być na przykład ekran komputera lub telefonu.
Chrome 103 zawiera interfejs Local Fonts 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.
Edytuj: w poprzedniej wersji tego posta wspominaliśmy o metodzie Element.isVisible()
, która nie jest dostępna w tej wersji.