Nowości na platformie internetowej w sierpniu

Odkryj ciekawe funkcje, które zostały udostępnione w wersjach stabilnych i beta w przeglądarkach internetowych w sierpniu 2023 roku.

W sierpniu 2023 roku Firefox 116, Firefox 117, Safari 16.6 i Chrome 116 stały się stabilne. W tym poście omówimy, co to oznacza dla platformy internetowej.

Firefox 116 obsługuje interfejs Audio output Devices API na wszystkich platformach oprócz Androida. Ten interfejs API pozwala aplikacjom internetowym na przekierowywanie wyjścia audio do odpowiedniego zestawu słuchawkowego Bluetooth, głośnika lub innego urządzenia bez konieczności używania przeglądarki czy domyślnego systemu operacyjnego.

Obsługa przeglądarek

  • x
  • x
  • 116
  • x

Źródło

Chrome 116 zawiera funkcję CSS Motion Path, która umożliwia animowanie dowolnego obiektu graficznego wzdłuż ścieżki określonej przez programistę. To daje wiele nowych możliwości przekształcenia, takich jak określanie położenia za pomocą współrzędnych biegunowych (z funkcją ray()) zamiast standardowych prostokątnych współrzędnych używanych przez funkcję translate() lub animowanie elementu wzdłuż zdefiniowanej ścieżki. Ułatwia to definiowanie skomplikowanych i pięknych przejść przestrzennych 2D. Ścieżka może być określona jako circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() i url().

W Chrome 116 jest też dostępny interfejs Document Picture-in-Picture API. Umożliwia to wyświetlanie okna zawsze na wierzchu, które może zostać wypełnione dowolnymi elementami HTMLElement. Jest to rozszerzenie istniejącego interfejsu API HTMLVideoElement, które umożliwia umieszczanie elementu HTMLVideoElement w oknie obrazu w obrazie (PiP).

Obsługa przeglądarek

  • 116
  • 116
  • x
  • x

Źródło

Firefox 117 obsługuje zagnieżdżanie arkuszy CSS i selektor zagnieżdżenia &. Umożliwia to zagnieżdżanie jednej reguły stylu w drugiej. W związku z tym w przeglądarkach Safari i Chrome zaimplementowaliśmy starszą wersję specyfikacji, która nie pozwalała na zagnieżdżanie selektorów typów. W przeglądarce Firefox pojawiła się nowa wersja specyfikacji, która nie wymaga selektora zagnieżdżania &. Przykłady obu wersji znajdziesz w artykule Używanie zagnieżdżania arkuszy CSS.

Obsługa przeglądarek

  • 120
  • 120
  • 117
  • 17.2

Źródło

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 to Firefox 118 i Chrome 117. Program Safari 17 w wersji beta nadal trwa. Wprowadziliśmy w nich wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najciekawszych.

Na razie nie ma zbyt wielu informacji na temat kolejnej wersji przeglądarki Firefox. Jednak w Chrome 117 ma kilka ciekawych funkcji. Na przykład niektóre nowe funkcje CSS włączają animacje wejścia i wyjścia.

Wartość subgrid dla grid-template-columns i grid-template-rows jest zawarta w Chrome 117, dzięki czemu funkcje te powinny działać prawidłowo.

W Chrome 117 dostępne jest też grupowanie tablic JavaScript z metodami statycznymi Object.groupBy i Map.groupBy.

Safari 17 w wersji beta zawiera atrybut popover, który dodaje obsługę interfejsu Popover API.

Część serii nowości w internecie