Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w grudniu 2023 r.
Stabilne wersje przeglądarek
W grudniu 2023 r. Firefox 121, Chrome 120 i Safari 17.2 stały się stabilne. Z tego posta dowiesz się, co to oznacza dla platformy internetowej.
Prosta analiza zagnieżdżania arkusza CSS
Chrome 120 i Safari 17.2 obejmują łagodną analizę na potrzeby zagnieżdżonego kodu CSS. Ta funkcja jest obsługiwana 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 elementu <details>. Oznacza to, że możesz tworzyć wyjątkowe komponenty akordeonu, grupując pewną liczbę elementów <details>.
Dowiedz się więcej o akordeonie (dostępnym tylko w języku angielskim).
Obsługa przeglądarek
- 120
- 120
- x
- 17.2
Selektor :has()
Firefox 121 zawiera selektor CSS :has(). W tej wersji język :has() współpracuje ze wszystkimi głównymi wyszukiwarkami.
Więcej informacji znajdziesz w artykule :has(): selektor rodziny.
Interfejs CSS Custom Spotlight API
Safari 17.2 zawiera interfejs CSS Custom Spotlight API, który umożliwia tworzenie zakresów tekstowych i zmienianie ich stylu, a także rozszerza standardowe pseudoklasy dotyczące wyróżnienia, takie jak ::selection.
Interfejs API CloseWatcher
Chrome 120 zawiera interfejs CloseWatcher API, nowy interfejs API do nasłuchiwania żądań zamknięcia i odpowiadania na nie.
Żądania te są wywoływane przez klawisz ESC na komputerze oraz gest lub przycisk cofania na Androidzie, a ich prawidłowe wdrożenie może być trudne.
Oprócz interfejsu API Chrome 120 uaktualnia <dialog> i atrybut popover, aby odpowiadać na przycisk Wstecz w Androidzie.
Obsługa przeglądarek
- 120
- 120
- x
- x
Usługi porównywania cen: text-wrap: balance i stable
W przeglądarce Firefox 121 używane są wartości balance i stable dla parametru text-wrap.
Wartość balance przydaje się w przypadku krótkich bloków treści, np. nagłówków, dzięki czemu tekst jest przyjemniejszy i czytelniejszy. Wartość stable zapobiega wyświetlaniu treści możliwych do edytowania podczas edytowania.
Dowiedz się więcej o text-wrap: balance.
text-wrap: balance
text-wrap: stable
Leniwe ładowanie elementów <iframe>
Firefox 121 obsługuje atrybut loading w elementach <iframe>.
Oznacza to, ż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 pozwala tworzyć efekty odbicia i sprężyny.
Obsługa przeglądarek
- 113
- 113
- 112
- 17.2
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ęcia, które mogą wpłynąć na Twoją witrynę, zanim udostępnimy ją użytkownikom na całym świecie. Nowe wersje beta to Firefox 122, Chrome 121 i Safari 17.3. Wprowadziliśmy w nich wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najważniejszych informacji.
Przeglądarki Firefox 122 i Chrome 121 zawierają metodę showPicker() na potrzeby elementu HTMLSelectElement.
Pokazuje on ten sam selektor, który byłby wyświetlany po wybraniu elementu, ale można go aktywować po naciśnięciu przycisku lub innej interakcji użytkownika.
Chrome 121 udostępnia właściwości stylu paska przewijania scrollbar-color i scrollbar-width, a także ulepszone maskowanie CSS w przypadku SVG, a także wyróżnia pseudoelementy w przypadku tekstu z błędną pisownią lub niepoprawnej gramatycznie.