Nowości na platformie internetowej w marcu

Poznaj kilka interesujących funkcji, które trafiły do przeglądarek w stabilnej i wersji beta w marcu 2023 r.

Wersje stabilne przeglądarki

W marcu 2023 r. przeglądarki Firefox 111, Chrome 111 i Safari 16.4 stały się stabilne. Przyjrzyjmy się, co to oznacza dla platformy internetowej.

Globalne atrybuty HTML

W przeglądarce Firefox 111 dodaliśmy obsługę kilku przydatnych globalnych atrybutów HTML. Atrybut autocapitalize określa, czy w tekście może być automatycznie wpisywane wielkie litery, gdy użytkownik pisze na klawiaturze wirtualnej.

Obsługa przeglądarek

  • 43
  • 79
  • 111
  • x

Źródło

Atrybut translate wskazuje, czy element powinien zostać przetłumaczony, gdy strona jest zlokalizowana.

Obsługa przeglądarek

  • 19
  • 79
  • 111
  • 6

Źródło

Origin Private File System (OPFS)

Firefox dodaje obsługę Origin Private File System (OPFS), gdy używany jest interfejs File System Access API. Więcej informacji o pliku OPFS

Interfejs View Migrates API

W Chrome 111 dodaliśmy interfejs View Migrates API, który ułatwia tworzenie dopracowanych przejść w aplikacjach jednostronicowych (SPA) dzięki tworzeniu widoków zrzutów i możliwości zmiany DOM bez pokrywania się stanów.

Więcej informacji znajdziesz w artykule Przejście z widoku SpA w Chrome 111.

Obsługa przeglądarek

  • 111
  • 111
  • x
  • 18

Źródło

Nowe przestrzenie kolorów i funkcje CSS

Również Chrome 111 zawiera zupełnie nowy zestaw sposobów korzystania z kolorów w internecie. Chrome obsługuje teraz przestrzenie kolorów, które korzystają z kolorów spoza palety RGB, oraz funkcje color() i color-mix(). Więcej informacji znajdziesz w naszym przewodniku po kolorach CSS w wysokiej rozdzielczości oraz w poście na blogu color-mix().

Obsługa przeglądarek

  • 111
  • 111
  • 113
  • 16,2

Źródło

Wersja Chrome zawiera też nowe Narzędzia deweloperskie, które ułatwiają korzystanie z funkcji kolorów.

Większa kontrola nad wyborami typu :nth-child()

W Chrome 111 dodaliśmy możliwość przekazywania listy selektora do elementów :nth-child() i nth-last-child(). Dowiedz się więcej na ten temat i zapoznaj się z przykładami w poście Większa kontrola nad opcjami :nth-child() przy użyciu składni S.

Obsługa przeglądarek

  • 111
  • 111
  • 113
  • 9

Obsługa poprzedniego i następnego slajdu w interfejsie Media Session API

Na liście dodatków do Chrome 111 znajdują się działania związane z prezentowaniem slajdów dotyczące interfejsów API sesji multimedialnej – "previousslide" i "nextslide".

Obsługa przeglądarek

  • 111
  • 111
  • x
  • x

Obsługa pseudoklasy w Safari

Safari 16.4 to niesamowita wersja platformy internetowej. Ten artykuł nie opisuje wszystkich dodatków, więc pełną listę znajdziesz w informacjach o wersji Safari 16.4.

W tej wersji dostępnych jest kilka dodatkowych pseudoklas CSS: :user-invalid, :user-valid, :dir(), :modal i :fullscreen.

Nowa składnia zakresów dla zapytań o multimedia

W tej wersji Safari znacznie bardziej elegancka i przydatna składnia zakresu zapytań o multimedia współpracuje ze wszystkimi 3 silnikami. Przykłady tej składni znajdziesz w tym poście, który został opublikowany w chwili wprowadzenia składni w Chrome.

Obsługa przeglądarek

  • 104
  • 104
  • 102
  • 16.4

Źródło

Właściwości i wartości CSS

Safari w wersji 16.4 obsługuje @property, umożliwiając rejestrowanie właściwości niestandardowych CSS bezpośrednio w arkuszu stylów. Więcej informacji na ten temat znajdziesz w artykule @property: supermoce zmiennych CSS.

Obsługa przeglądarek

  • 85
  • 85
  • 128
  • 16.4

Źródło

Obsługa interfejsu CSS API

Wkrótce będziemy udostępniać świetne dodatki do usług porównywania cen, w tym obsługę reklam typu OM z tekstem CSS. Ten interfejs API ujawnia wartości CSS jako obiekty JavaScript o typie, a nie ciągi znaków. Ułatwia to pracę z kodem CSS w języku JavaScript i jest skuteczniejszy od dotychczasowych metod.

Obsługa przeglądarek

  • 66
  • 79
  • x
  • 16.4

Źródło

Dostępna jest również obsługa arkuszy stylów CSSStyleSheet(). Umożliwia to współdzielenie arkuszy stylów między dokumentem a jego poddrzewami shadow DOM. W tej wersji Safari arkusze stylów do konstruowania są obsługiwane we wszystkich 3 wyszukiwarkach.

Obsługa przeglądarek

  • 73
  • 79
  • 101
  • 16.4

Źródło

Web Push i interfejs API Badging

Safari obsługuje teraz Web Push wraz z interfejsem API plakietek, co jest świetną wiadomością dla deweloperów aplikacji. Konkretnie ta wersja oznacza, że powiadomienia push są obsługiwane we wszystkich popularnych wyszukiwarkach.

Obsługa przeglądarek

  • 42
  • 17
  • 44
  • 16

Źródło

Importuj mapy

Kolejnym dodatkiem, który dodaje funkcję do współpracy, jest funkcja importowania map w języku JavaScript, która znacznie ułatwia importowanie modułów ES.

Obsługa przeglądarek

  • 89
  • 89
  • 108
  • 16.4

Wersje przeglądarek (beta)

Przeglądarki w wersji beta dają podgląd funkcji, które zostaną wprowadzone w następnej stabilnej wersji przeglądarki. To świetna okazja, by przetestować nowe funkcje lub usunięcia, które mogą mieć wpływ na Twoją witrynę jeszcze przed udostępnieniem ich wszystkim użytkownikom. Nowe wersje beta to Firefox 112, Safari 16.5 i Chrome 112. Te wersje wprowadzają na platformie wiele świetnych funkcji. Przeczytaj informacje o wersji, aby poznać wszystkie szczegóły. Oto kilka najważniejszych informacji.

W przeglądarce Firefox w wersji 112 dodaliśmy obsługę atrybutu inert, dzięki czemu ten przydatny atrybut będzie dostępny we wszystkich wyszukiwarkach. Więcej informacji o bezwładności znajdziesz w artykule Wprowadzenie bezczynności. Firefox włączy też obsługę funkcji wygładzania linear().

Zarówno Chrome 112, jak i Safari 16.5 obsługują zagnieżdżanie w CSS – funkcję, która jest wyczekiwana przez wielu deweloperów.

Chrome 112 obsługuje też język animation-composition. Aby dowiedzieć się, jak działa ta właściwość, przeczytaj artykuł Określanie sposobu łączenia wielu efektów animacji z komponentem animacji.

Jeśli używasz trybu bez interfejsu graficznego w Chrome, na przykład w przypadku aplikacji Puppeteer, wtedy po kliknięciu opcji 112 uzyskasz zupełnie nowy tryb bez interfejsu graficznego. Dowiedz się więcej o tym w nowej wersji Chrome bez interfejsu graficznego.

Część serialu „Nowości w internecie