Nowości na platformie internetowej w grudniu

Poznaj kilka ciekawych funkcji, które obecnie są dostępne w wersji stabilnej i beta. przeglądarek w grudniu 2023 r.

Wersje stabilne przeglądarki

W grudniu 2023 r. Firefox 121 Chrome 120 oraz Wersja Safari 17.2 stała się stabilna. Z tego posta dowiesz się, co to oznacza dla platformy internetowej.

Analiza składniowa na potrzeby zagnieżdżania CSS

Chrome 120 i Safari 17.2 obejmują analiza „złagodzona” na potrzeby zagnieżdżania CSS. Jest to obsługiwane w przeglądarce Firefox od wersji 117, co oznacza, że tę zmianę składni obsługują wszystkie główne wyszukiwarki.

Wyjątkowe akordeony z elementem <details>

Chrome 120 i Safari 17.2 obsługują atrybut name dla: <details>. To oznacza, że możesz tworzyć wyjątkowe komponenty akordeonu przez grupowanie elementów <details>.

Więcej informacji znajdziesz w sekcji Ustawienia dostępne wyłącznie dla subskrybentów.

Obsługa przeglądarek

  • 120
  • 120
  • x
  • 17.2

Selektor :has()

Firefox 121 zawiera selektor CSS :has(). W tej wersji usługa :has() współpracuje ze wszystkimi ważnymi wyszukiwarkami.

Więcej informacji znajdziesz w sekcji :has(): selektor grupy rodzinnej.

Obsługa przeglądarek

  • 105
  • 105
  • 121
  • 15,4

Źródło

Interfejs CSS Custom Preview API

Safari 17.2 zawiera Interfejs CSS Custom Preview API który pozwala tworzyć zakresy tekstu i określać ich styl, rozszerzając standardowe pseudoklasy wyróżnienia, takie jak ::selection.

Obsługa przeglądarek

  • 105
  • 105
  • 17.2

Źródło

Interfejs CloseWatcher API

Chrome 120 zawiera interfejs CloseWatcher API – nowy interfejs API do nasłuchiwania żądań zamknięcia i odpowiadania na nie. Żądania te są wyzwalane przez klawisz ESC na pulpicie oraz gest lub przycisk Wstecz na Androidzie. a ich prawidłowe wdrożenie może być trudne.

Oprócz interfejsu API Chrome 120 uaktualnia <dialog> i atrybut popover, aby odpowiedzieć na przycisk Wstecz w Androidzie.

Obsługa przeglądarek

  • 126
  • 126
  • x
  • x

Usługi porównywania cen text-wrap: balance i stable

Firefox 121 zawiera wartości balance i stable dla adresu text-wrap. Wartość balance jest przydatna w przypadku krótkich bloków treści, takich jak nagłówki, tworząc bardziej przyjemny i czytelny tekst. Wartość stable zapobiega ponownemu wyświetlaniu edytowalnej treści podczas jej edytowania.

Dowiedz się więcej o text-wrap: balance.

text-wrap: balance

Obsługa przeglądarek

  • 114
  • 114
  • 121
  • 17,5

Źródło

text-wrap: stable

Obsługa przeglądarek

  • x
  • x
  • 121
  • 17,5

Źródło

Leniwe ładowanie elementów <iframe>

Firefox 121 obsługuje atrybut loading w elementach <iframe>. To oznacza, że leniwe ładowanie elementów iframe jest teraz obsługiwane we wszystkich głównych wyszukiwarkach.

Obsługa przeglądarek

  • 77
  • 79
  • 121
  • 16.4

Obsługa funkcji wygładzania linear()

Safari 17.2 obsługuje też funkcję wygładzania linear(), która umożliwia tworzenie efektów odbicia i wiosny.

Obsługa przeglądarek

  • 113
  • 113
  • 112
  • 17.2

Wersje przeglądarek (beta)

Przeglądarki w wersji beta dają podgląd funkcji, które pojawią się w następnej kolejności wersji stabilnej. To świetny moment, aby przetestować nowe funkcje lub usunięcia treści, które mogą mieć wpływ na Twoją witrynę, zanim trafią one na cały świat. Nowość wersji beta są Firefox 122, Chrome 121 oraz Safari 17.3 Te wersje wprowadzają na platformie wiele świetnych funkcji. Poznaj wydanie zawierające wszystkie szczegóły. Oto niektóre z nich.

Firefox 122 i Chrome 121 zawierają metodę showPicker() na potrzeby elementu HTMLSelectElement. Pokazuje ten sam selektor, który będzie wyświetlany po wybraniu elementu. ale można je uruchomić po naciśnięciu przycisku lub innej interakcji użytkownika.

Chrome 121 zawiera właściwości scrollbar-color i scrollbar-width służące do przewijania paska przewijania, wraz z ulepszonym maskowaniem CSS dla SVG, i podkreśla pseudoelementy w tekście, który zawiera literówki lub błędy gramatyczne.