Nowości na platformie internetowej w kwietniu

Poznaj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w kwietniu 2024 r.

Rachel Andrew

Stabilne wersje przeglądarek

W kwietniu 2024 roku Firefox 125 i Chrome 124 stały się stabilne. W tym poście omawiamy nowe funkcje dodane do platformy internetowej.

4 nowe funkcje pojawią się w grupie bazowej

W przeglądarce Firefox 125 dodano cztery nowe funkcje do listy nowo dostępnych aplikacji Baseline. interfejs Popover API: Intl.Segmenter, align-content do układów bloków oraz wartości content-box i stroke-box w przypadku transform-box.

Popover API

Popover API pozwala tworzyć różnego rodzaju niemodalne wyskakujące okienka. Mogą to być etykietki, menu, niestandardowe wyskakujące okienka i wiele innych. Wyskakujące okienka mają wiele wbudowanych funkcji, dla których wcześniej trzeba było pisać kod JavaScript. Więcej informacji znajdziesz w artykule Popover API trafia do Baseline.

Obsługa przeglądarek

  • 114
  • 114
  • 125
  • 17

Źródło

Intl.Segmenter

Intl.Segmenter umożliwia segmentację tekstu o charakterze kontrowersyjnym według lokalizacji. Pozwalają na przykład dzielić słowa w językach bez spacji. Zobacz, jak to działa w obiekcie Intl.Segmenter, który jest teraz częścią zbioru bazowego.

Obsługa przeglądarek

  • 87
  • 87
  • 125
  • 14.1

Źródło

align-content do układów bloków

Właściwość align-content jest teraz obsługiwana we wszystkich głównych wyszukiwarkach w przypadku układu blokowego. Oznacza to, że możesz wyrównać kierunek blokowy bez konieczności tworzenia układu elastycznego lub siatki w elemencie nadrzędnym. Przykład znajdziesz w sekcji Właściwość wyrównaj-treść w przypadku układów blokowych jest teraz częścią zbioru podstawowego .

Obsługa przeglądarek

  • 123
  • 123
  • 125
  • 17,4

Usługa porównywania cen transform-box

Na koniec w przeglądarce Firefox 125 dostępne są wartości content-box i stroke-box właściwości transform-box. Wartość content-box używa pola treści i stroke-box ramki ograniczającej kreski, która zawiera kształt SVG.

Obsługa przeglądarek

  • 118
  • 118
  • 125
  • 13.1

Interfejs API WebSocketStream

Interfejs WebSocketStream API integruje strumienie WhatWG z interfejsem WebSocket API. Jest on dostępny w Chrome 124. Więcej informacji znajdziesz w artykule WebSocketStream: integracja strumieni z interfejsem WebSocket API.

Obsługa przeglądarek

  • 124
  • 124
  • x
  • x

setHTMLUnsafe i parseHTMLUnsafe

Chrome 124 zawiera też metody setHTMLUnsafe i parseHTMLUnsafe, które umożliwiają korzystanie z deklaratywnego cienia DOM z JavaScriptu. Te metody są też łatwiejszym sposobem na imperatywną analizę kodu HTML w modelu DOM w porównaniu z metodami innerHTML czy DOMParser.

Obsługa przeglądarek

  • 124
  • 124
  • 123
  • 17,4

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 126, Safari 17.5 i Chrome 125. Wprowadziliśmy w nich wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najważniejszych informacji.

Safari w wersji 17.5 zawiera funkcję kolorów light-dark(), która po ustabilizowaniu się wersji 17.5 stanie się dostępna w trybie Baseline Newly available.

W ramach funkcji Baseline Newly Dostępne są również funkcje wartości CSS Stepped. Chrome 125 obejmuje round(), mod() i rem().

Chrome 125 obejmuje też interfejs Compute Pressure API i pozycjonowanie zakotwiczenia CSS.

Firefox w wersji 126 zawiera interfejs Screen Wake Lock API, dzięki któremu jest to kolejna funkcja Baseline Newly available.