Nowości na platformie internetowej w maju

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

Rachel Andrew

Stabilne wersje przeglądarki

W maju stabilne stały się 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 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.

Browser Support

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

Source

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).

W Chrome 102 udostępniliśmy Navigation API, czyli interfejs API, który standaryzuje routing po stronie klienta w aplikacjach jednostronicowych. Ten interfejs API był wcześniej nazywany interfejsem App History API.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: not supported.
  • Safari: not supported.

Source

Firefox 101 obsługuje arkusze stylów z możliwością tworzenia. Pomoc obejmuje konstruktor CSSStyleSheet() oraz metody replace() i replaceSync(). Konstruowalne arkusze stylów ułatwiają tworzenie arkuszy stylów do użycia z modelem Shadow DOM. W tym przykładzie arkusz stylów jest tworzony za pomocą 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);

Browser Support

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

Source

W Firefoxie 101 dostępna jest też funkcja multimedialna prefers-contrast, dzięki czemu jest ona dostępna w różnych przeglądarkach.

Browser Support

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

Source

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.

Nowe wersje beta w kwietniu to Chrome 103 i Firefox 102.

Firefox 102 zawiera funkcję multimedialną update. Służy do sprawdzania, czy urządzenie wyjściowe może modyfikować wygląd treści po jej wyrenderowaniu. Może mieć te wartości:

none
Po wyrenderowaniu treści nie można ich zaktualizować. Na przykład dokument drukowany.
slow
Urządzenie może aktualizować treści, ale zbyt wolno, aby wyświetlać płynne animacje. Na przykład ekrany E-ink.
fast
Treści mogą się zmieniać dynamicznie i wystarczająco szybko, aby renderować animacje. Na przykład ekran komputera lub telefonu.

Browser Support

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

Source

Chrome 103 zawiera 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.

Edycja: poprzednia wersja tego posta zawierała wzmiankę o metodzie Element.isVisible(), która nie jest dostępna w tej wersji.

Część serii Nowości w internecie