Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w marcu 2023 roku.
Stabilne wersje przeglądarek
W marcu 2023 roku Firefox 111, Chrome 111 i Safari 16.4 stały się stabilne. Przyjrzyjmy się, co to oznacza dla platformy internetowej.
Globalne atrybuty HTML
W Firefoksie 111 dodano obsługę kilku przydatnych globalnych atrybutów HTML. Atrybut autocapitalize określa, czy tekst może być automatycznie pisany wielkimi literami, gdy użytkownik pisze na klawiaturze wirtualnej.
Atrybut translate wskazuje, czy element powinien zostać przetłumaczony podczas zlokalizowania strony.
Prywatny system plików źródła (OPFS)
W przypadku korzystania z interfejsu File System Access API przeglądarka Firefox dodaje obsługę prywatnego systemu plików (Origin Private File System) (OPFS). Więcej informacji o OPFS
Interfejs View Transitions API
Do Chrome 111 dodano interfejs View Transitions API, który ułatwia tworzenie dopracowanych przejść w aplikacjach jednostronicowych (SPA) dzięki tworzeniu zrzutów widoków i umożliwianiu zmiany modelu DOM bez nakładania się na siebie.
Więcej informacji na ten temat znajdziesz w poście na temat przejścia widoku ze źródeł SA w Chrome 111.
Nowe przestrzenie i funkcje kolorów CSS
W Chrome 111 znajdziesz też zupełnie nowy zestaw sposobów korzystania z kolorów w internecie. Chrome obsługuje teraz przestrzenie kolorów, które uzyskują dostęp do kolorów spoza zakresu RGB, wraz z funkcjami color() i color-mix(). Więcej informacji znajdziesz w naszym przewodniku po kolorach CSS w wysokiej rozdzielczości i w poście na blogu color-mix().
Wersja Chrome zawiera też nowe Narzędzia dla programistów, które ułatwiają korzystanie z nowych funkcji kolorów.
Większa kontrola nad wybranymi opcjami (:nth-child())
W Chrome 111 dodaliśmy możliwość przekazywania listy selektorów do interfejsów :nth-child() i nth-last-child(). Więcej informacji na ten temat znajdziesz w artykule Więcej informacji o opcjach :nth-child() w składni S (w języku angielskim).
Obsługa przeglądarek
- 111
- 111
- 113
- 9
Obsługa poprzedniego i następnego slajdu w interfejsie Media Session API
Na końcu tej listy dodatków do Chrome 111 znajdują się działania związane z prezentowaniem slajdów dotyczące interfejsu API sesji multimediów ("previousslide" i "nextslide").
Obsługa przeglądarek
- 111
- 111
- x
- x
Pseudoklasa w Safari
Safari 16.4 to świetna wersja dla platformy internetowej. Ten artykuł nie zawiera wszystkich dodatków, więc zapoznaj się z pełną listą funkcji w informacjach o wersji Safari 16.4.
Ta wersja udostępnia wiele dodatkowych pseudoklas CSS: :user-invalid, :user-valid, :dir(), :modal i :fullscreen.
Nowa składnia zakresu dla zapytań o media
W tej wersji przeglądarki Safari znacznie bardziej elegancka i przydatna składnia zakresów w przypadku zapytań o multimedia działa we wszystkich trzech wyszukiwarkach. Przykłady takiej składni znajdziesz w tym poście, który został opublikowany w odpowiedzi na wprowadzenie składni w Chrome.
Właściwości i wartości CSS
Safari 16.4 dodaje obsługę @property, umożliwiając rejestrację niestandardowych właściwości CSS bezpośrednio w arkuszu stylów. Więcej informacji na ten temat znajdziesz w artykule @property: przyznawanie supermoców zmiennym CSS.
Obsługa interfejsu API usługi porównywania cen
Planujemy nadal publikować świetne dodatki do CSS, obsługując obsługiwany format CSS typu OM. Ten interfejs API ujawnia wartości CSS jako typy obiektów JavaScript, a nie ciągi tekstowe. Ułatwia on pracę z kodem CSS z JavaScriptu i jest wydajniejszy od istniejących metod.
Istnieje również obsługa możliwych do budowania arkuszy stylów za pomocą funkcji CSSStyleSheet(). Umożliwia to udostępnianie arkuszy stylów między dokumentem a jego poddrzewami DOM. W tej wersji Safari we wszystkich 3 wyszukiwarkach obsługiwane są arkusze stylów z możliwością tworzenia.
Web Push i interfejs API Badging
Safari obsługuje teraz Web Push oraz interfejs API plakietki, co jest bardzo przydatną wiadomością dla deweloperów aplikacji. W szczególności ta wersja oznacza, że powiadomienia push są obsługiwane we wszystkich głównych wyszukiwarkach.
Importowanie map
Kolejną nowością, która zapewnia funkcję interoperacyjności, jest dodanie importowania map z JavaScriptu, które znacznie ułatwia importowanie modułów ES.
Obsługa przeglądarek
- 89
- 89
- 108
- 16.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ęć, które mogą wpłynąć na Twoją witrynę, zanim udostępnimy je użytkownikom na całym świecie. Nowe wersje beta to Firefox 112, Safari 16.5 i Chrome 112. Wprowadziliśmy w nich wiele świetnych funkcji. Wszystkie szczegóły znajdziesz w informacjach o wersji. Oto kilka najciekawszych.
W przeglądarce Firefox w wersji 112 dodano 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 do trybu bezwładnego. Przeglądarka Firefox włączy też obsługę funkcji wygładzania linear().
Zarówno Chrome 112, jak i Safari 16.5 obsługują zagnieżdżanie arkuszy CSS – funkcję, której wielu deweloperów oczekuje.
Chrome 112 obejmuje też obsługę systemu animation-composition. O tym, jak działa ta właściwość, dowiesz się z sekcji Określanie sposobu łączenia różnych efektów animacji z kompozycją animacji.
Jeśli używasz trybu bez interfejsu graficznego w Chrome, np. Puppeteer, w aplikacji 112 znajdziesz zupełnie nowy tryb bez interfejsu graficznego. Dowiedz się więcej o uaktualnieniu trybu bez interfejsu graficznego w Chrome.