Poznaj kilka ciekawych funkcji, które obecnie są dostępne w wersji stabilnej i beta. przeglądarek w lutym 2024 r.
Wersje stabilne przeglądarki
W lutym 2024 r. Firefox 123 i Wersja Chrome 122 stała się stabilna. W tym poście omawiamy nowe funkcje dodane do platformy internetowej.
Deklaratywny DOM Shadow
Firefox 123 obsługuje atrybut shadowrootmode
pliku <template>
wspierając
Deklaratywny DOM Shadow.
Ta funkcja dołącza teraz do nowo udostępnionej wersji Baseline, ponieważ jest współdziałająca
we wszystkich najważniejszych przeglądarkach.
103 Wczesne wskazówki: wstępne ładowanie
Firefox 123 zawiera 103 wczesne wskazówki kodu stanu do wstępnego wczytywania zasobów.
Obsługa przeglądarek
- 103
- 103
- 123
- x
Zmiany w dziedziczeniu CSS ::backdrop
Pseudoelement CSS ::backdrop
to ramka o rozmiarze widocznego obszaru,
bezpośrednio pod każdym elementem znajdującym się w górnej warstwie.
W pierwotnej specyfikacji komponentu ::backdrop
podano, że nie jest ono dziedziczone
z dowolnego elementu i nie jest dziedziczony z. Oznacza to, że ::backdrop
nie ma dostępu do właściwości niestandardowych zadeklarowanych w :root
.
Specyfikacja została zmieniona, by umożliwić ::backdrop
dziedziczenie właściwości
od swojego elementu źródłowego. Ta zmiana została wprowadzona w Chrome 122.
Przeczytaj więcej na temat
zmiany w: ::backdrop
.
Interfejs Storage Buckets API
Chrome 122 zawiera interfejs Storage Buckets API. Ten interfejs API daje witrynom możliwość grupowania danych z urządzenia w zasobnikach, dane grupy mogą być następnie wykluczane niezależnie od danych przechowywanych w innych zasobnikach.
Więcej informacji: Dokumentacja interfejsu Storage Buckets API.
Obsługa przeglądarek
- 122
- 122
- x
- x
Async Clipboard API: odczyt nieoczyszczonego kodu HTML
Chrome 122 w wersji beta zawiera opcję unsanitized
w metodzie read()
funkcji
interfejs Async Clipboard API
aby pobrać nieoczyszczony format HTML.
Metody JavaScriptu Set
Chrome 122 implementuje te metody komponentu Set
:
Te metody są już zaimplementowane w Safari od wersji 17 i są w przeglądarce Firefox Nightly.
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 124, Chrome 123 wydany w tym miesiącu, Safari 17.4 trwa. Te wersje wprowadzają na platformie wiele świetnych funkcji. Poznaj wydanie zawierające wszystkie szczegóły. Oto niektóre z nich.
Chrome 123 zawiera kilka nowych funkcji CSS. Funkcja koloru light-dark()
ułatwia dostosowanie schematów kolorów do preferencji użytkownika. field-sizing
umożliwia automatyczne powiększanie pól do wprowadzania tekstu. Dostępne są nowe multimedia
do testowania aplikacji wyświetlanych w trybie obrazu w obrazie.
Właściwość text-spacing-trim
stosuje kerning w przypadku języków chińskiego, japońskiego
i koreańskich znaków interpunkcyjnych (CJK), aby dostosować nadmierne odstępy.
Przeczytaj więcej w:
Przedstawiamy cztery nowe międzynarodowe funkcje CSS
W wersjach beta Chrome 123 i Safari 17.4 obsługa przeglądarki align-content
w układzie blokowym i tabeli. Przeczytaj o
zmianę na: align-content
. Przetestuj swoje witryny, jeśli możesz używać usługi poza siatką
lub elastyczne układy, ponieważ zacznie
wyrównywać w miejscach, w których wcześniej nie było
funkcjonuje w układzie blokowym.
Firefox w wersji 124 obsługuje CSS
content-visibility
.
Ta właściwość określa, czy element w ogóle wyrenderuje swoją treść,
co pozwala przeglądarkom pomijać renderowanie treści, dopóki nie będzie to konieczne.