Nowości na platformie internetowej w lutym

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

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.

Obsługa przeglądarek

  • 111
  • 111
  • 123
  • 16.4

Źródło

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.

Obsługa przeglądarek

  • 122
  • 122
  • 127
  • 17

Źródło

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.