Nowości na platformie internetowej w maju

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.

Obsługa przeglądarek

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Źródło

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.

Obsługa przeglądarek

  • Chrome: 102.
  • Edge: 102.
  • Firefox: nieobsługiwane.
  • Safari: nieobsługiwane.

Źródło

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.

Obsługa przeglądarek

  • Chrome: 102.
  • Edge: 102.
  • Firefox: nieobsługiwane.
  • Safari: nieobsługiwane.

Źródło

Firefox 101 obsługuje style układu z możliwością tworzenia. Obsługa obejmuje konstruktor CSSStyleSheet() oraz metody replace()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);

Obsługa przeglądarek

  • Chrome: 73.
  • Edge: 79.
  • Firefox: 101.
  • Safari: 16.4.

Źródło

Firefox 101 zawiera też funkcję mediów prefers-contrast, która jest dostępna w różnych przeglądarkach.

Obsługa przeglądarek

  • Chrome: 96.
  • Edge: 96.
  • Firefox: 101.
  • Safari: 14.1.

Źródło

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.

Obsługa przeglądarek

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 102.
  • Safari: 17.

Źródło

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.

Cześć cyklu Nowości w internecie