Nowości na platformie internetowej w lutym

Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w lutym 2023 roku.

Stabilne wersje przeglądarek

W lutym 2023 roku Firefox 110 i Chrome 110 stały się stabilne. Przyjrzyjmy się, co to oznacza dla platformy internetowej.

Zapytania dotyczące kontenerów we wszystkich 3 wyszukiwarkach

W przeglądarce Firefox w wersji 110 obsługiwały się zapytania o kontenery rozmiaru, dzięki czemu ta kluczowa funkcja była dostępna we wszystkich 3 wyszukiwarkach.

Obsługa przeglądarek

  • 105
  • 105
  • 110
  • 16

Źródło

Pierwsze litery CSS

Chrome 110 dodaje obsługę właściwości CSS initial-letter. Ta właściwość określa liczbę wierszy, które początkowa litera powinna opaść w następujące wiersze tekstu. Więcej informacji znajdziesz w poście Kontrola nad wielkością liter za pomocą pierwszej litery w CSS.

Obsługa przeglądarek

  • 110
  • 110
  • x
  • 9

Źródło

Iteracja asynchroniczna ReadableStream

W przeglądarce Firefox dodano obsługę protokołu iteracyjnie asynchronicznego w przeglądarce ReadableStream.

AudioContext.setSinkId()

W Chrome AudioContext.setSinkId ustawia identyfikator urządzenia audio, którego ma używać do odtwarzania dźwięku. Dzięki temu AudioContext może kierować dźwięk do podłączonego urządzenia wyjściowego wybranego przez użytkownika.

Więcej informacji o tej funkcji znajdziesz w artykule Zmienianie docelowego urządzenia wyjściowego w Web Audio.

Obsługa przeglądarek

  • 110
  • 110
  • x
  • x

Źródło

Bez danych logowania iFrame

Ponadto w Chrome bez danych logowania w elemencie iframe daje programistom sposób na wczytywanie dokumentów w elementach iframe innych firm przy użyciu nowych i efemerycznych kontekstów. Elementy iframe bez danych uwierzytelniających to uogólnienie informacji o braku danych uwierzytelniających COEP w celu obsługi zewnętrznych elementów iframe, które mogą nie wdrażać COEP. Eliminuje to ograniczenie, zgodnie z którym zewnętrzne elementy iframe muszą obsługiwać COEP, aby można było umieścić je na stronie COEP, i umożliwiają deweloperom wdrożenie izolacji od zasobów z innych domen.

Dowiedz się więcej o elementach bez danych uwierzytelniających iframe.

Obsługa przeglądarek

  • 110
  • 110
  • x
  • x

Wczesna stabilna

W Chrome 110 pojawiła się też zmiana w harmonogramie publikacji Chrome. Wersja wczesna stabilna zostanie wdrożona tydzień wcześniej niż wersja ogólna dla niewielkiego odsetka użytkowników. Więcej informacji na ten temat znajdziesz w artykule na temat zmiany w harmonogramie publikacji Chrome 110.

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ęć, które mogą wpłynąć na Twoją witrynę, zanim udostępnimy je użytkownikom na całym świecie. Nowe wersje beta to Firefox 111, Safari 16.4 i Chrome 111. Wprowadziliśmy w nich wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najciekawszych.

W przypadku korzystania z interfejsu File System Access API przeglądarka Firefox dodaje obsługę prywatnego systemu plików (Origin Private File System) (OPFS).

Chrome obejmuje wszystkie funkcje opisane na poziomie kolorów CSS 4. Obejmuje to 4 niezależne od urządzenia typy kolorów (laboratorium, Oklab, lch i Oklch), funkcję color() oraz zdefiniowane przez użytkownika przestrzenie kolorów dla gradientów i animacji. Obejmuje również funkcję color-mix() z arkusza CSS Color 5.

Przeczytaj Przewodnik po kolorach CSS w wysokiej rozdzielczości, aby dowiedzieć się więcej o nowych typach kolorów i przestrzeniach.

Chrome zawiera też interfejs View Transitions API, który umożliwia dopracowanie przejść w aplikacjach jednostronicowych (SPA). Więcej informacji znajdziesz w dokumentacji wyświetlania przejść.

W Chrome 111 dostępny jest też deklaratywny model shadow DOM – nowy sposób implementacji i używania modelu Shadow DOM bezpośrednio w kodzie HTML.

Safari 16.4 zapowiada się na ogromną wersję na platformę. W przypadku CSS dostępna jest obsługa pseudoklas :user-invalid i :user-valid, właściwości margin-trim, składnię zakresu dla zapytań o media, a także obsługę interfejsu CSS Property and Value API oraz @property.

Safari obsługuje też protokół Web Push, interfejs Badging API oraz wiele innych interfejsów API internetowych. To naprawdę ekscytująca wersja, w której znajdziemy wiele funkcji współdziałania.

Część serii nowości w internecie