Poznaj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w lutym 2024 r.
Stabilne wersje przeglądarek
W lutym 2024 r. przeglądarki Firefox 123 i Chrome 122 stały się stabilne. W tym poście omawiamy nowe funkcje dodane do platformy internetowej.
Deklarowany DOM cienia
Firefox 123 obsługuje atrybut shadowrootmode
elementu <template>
, co pozwala na obsługę deklaratywnego modelu cienia DOM.
Ta funkcja jest teraz dostępna w ramach pakietu Baseline, ponieważ działa we wszystkich najważniejszych przeglądarkach.
Obsługa przeglądarek
- 111
- 111
- 123
- 16.4
103 Wczesne wskazówki: wstępne wczytywanie
Firefox w wersji 123 zawiera kod stanu 103 wczesne wskazówki do wstępnego wczytywania zasobów.
Obsługa przeglądarek
- 103
- 103
- 123
- x
Zmiany w dziedziczeniu CSS ::backdrop
Pseudoelement CSS ::backdrop
to pole o rozmiarze widocznego obszaru, które jest renderowane bezpośrednio pod dowolnym elementem prezentowanym w warstwie górnej.
W pierwotnej specyfikacji elementu ::backdrop
określono, że nie dziedziczy on elementu z żadnego elementu i nie jest dziedziczony. Oznaczało to, że ::backdrop
nie miał dostępu do właściwości niestandardowych zadeklarowanych :root
.
Specyfikacja została zmieniona, aby umożliwić ::backdrop
dziedziczenie właściwości z elementu źródłowego. Ta zmiana jest wprowadzana w Chrome 122.
Dowiedz się więcej o zmianach w usłudze ::backdrop
.
Interfejs API zasobników pamięci masowej
Chrome 122 zawiera interfejs Storage buckets API. Ten interfejs API umożliwia witrynom porządkowanie danych z urządzenia w zasobnikach. Dane grupy mogą być następnie trwale usuwane niezależnie od danych przechowywanych w innych zasobnikach.
Więcej informacji znajdziesz w dokumentacji interfejsu Storage buckets API.
Obsługa przeglądarek
- 122
- 122
- x
- x
Async Clipboard API: odczyt niesprawdzonego kodu HTML
Chrome 122 w wersji beta zawiera opcję unsanitized
w metodzie read()
interfejsu Async Clipboard API, która umożliwia pobranie niesprawdzonego formatu HTML.
Metody JavaScriptu Set
Chrome 122 implementuje te metody Set
:
Te metody są już wdrożone w przeglądarce Safari w wersji 17 i w przeglądarce Firefox Nightly.
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 124, Chrome 123 wydany w tym miesiącu oraz Safari 17.4. Wprowadziliśmy w nich wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najważniejszych informacji.
Chrome 123 zawiera kilka nowych funkcji CSS. Funkcja kolorów light-dark()
ułatwia dostosowanie schematów kolorów do preferencji użytkownika. Właściwość field-sizing
umożliwia automatycznie rosnące pola do wprowadzania tekstu. Mamy nową funkcję multimediów do przetestowania pod kątem aplikacji wyświetlanych w trybie obrazu w obrazie.
Właściwość text-spacing-trim
stosuje kerning do znaków interpunkcyjnych chińskich, japońskich i koreańskich (CJK), aby dostosować nadmierne odstępy.
Więcej informacji znajdziesz w artykule Przedstawiamy 4 nowe, międzynarodowe funkcje w CSS.
W wersjach beta Chrome 123 i Safari w wersji 17.4 obsługuje align-content
w układzie bloków i tabel. Przeczytaj informacje o zmianie dotyczącej obsługi align-content
. Przetestuj swoje witryny, jeśli nie korzystasz z właściwości poza siatką lub elastycznym układem, ponieważ zacznie ona wyrównywać w miejscach, w których wcześniej nie działała w układzie blokowym.
Firefox w wersji 124 obsługuje właściwość CSS content-visibility
.
Ta właściwość określa, czy element w ogóle renderuje swoją zawartość, co pozwala przeglądarkom pominąć renderowanie treści do momentu, gdy będzie to potrzebne.