Poznaj kilka ciekawych funkcji, które w maju 2025 r. trafiły do stabilnych i beta wersji przeglądarek internetowych.
Data publikacji: 29 maja 2025 r.
stabilne wersje przeglądarek,
W maju 2025 r. stały się stabilne wersje Firefox 139, Chrome 137 i Safari 18.5. W tym poście omawiamy nowe funkcje dodane do platformy internetowej w ramach tych wersji.
Temporal API
Firefox 139 jest pierwszą przeglądarką, która obsługuje interfejs Temporal API. Dzięki temu możesz łatwiej pracować z datami i godzinami w różnych scenariuszach, korzystając z wbudowanych reprezentacji stref czasowych i kalendarzy.
hidden=until-found
oraz zawodów (beforematch
)
Firefox 139 zawiera też atrybut HTML hidden="until-found"
i zdarzenie beforematch
. Stan until-found
pozwala ukryć zawartość elementu, dopóki nie zostanie znaleziona przez użytkownika (np. za pomocą funkcji „Znajdź na stronie”) lub przez nawigację po fragmencie. Zdarzenie beforematch
jest wywoływane tuż przed usunięciem atrybutu hidden
.
Metoda requestClose()
Nowa podstawa: w wersji 139 przeglądarki Firefox dostępna jest metoda requestClose()
interfejsu HTMLDialogElement
.
Ta metoda różni się od metody HTMLDialogElement.close()
tym, że przed wywołaniem zdarzenia close
wywołuje zdarzenie cancel
.
CSS reading-flow
i reading-order
Chrome 137 zawiera reading-flow
i reading-order
.
Właściwość CSS reading-flow
określa kolejność, w jakiej elementy w układzie flex, siatki lub bloku są udostępniane narzędziom ułatwień dostępu, oraz sposób ich zaznaczania za pomocą metody nawigacji sekwencyjnej.
Rozwiązaliśmy długotrwały problem z układami siatki i elastycznych, w których kolejność kart może nie odpowiadać kolejności elementów.
Właściwość CSS reading-order
umożliwia ręczne zastąpienie kolejności elementów w kontenerze przepływu czytania. Aby użyć tej właściwości w kontenerze siatki, elastycznych elementów lub bloku, ustaw wartość reading-flow
w kontenerze na source-order
, a wartość reading-order
w przypadku poszczególnych elementów na liczbę całkowitą.
Browser Support
Więcej informacji znajdziesz w artykule Używanie sekwencyjnego przepływu treści w CSS do logicznego sterowania punktem skupienia.
Funkcja CSS if()
W Chrome 137 funkcja CSS if()
umożliwia zwięźle wyrażać wartości warunkowe.
Może zawierać serię par warunek–wartość rozdzielonych średnikami.
Funkcja sprawdza kolejno każdy warunek i zwraca wartość powiązaną z pierwszym spełnionym warunkiem.
Jeśli żaden z warunków nie zwraca wartości prawda, funkcja zwraca pusty strumień tokenów.
Document-Isolation-Policy
Wprowadzona w Chrome 137 funkcja Document-Isolation-Policy
umożliwia dokumentowi samodzielne włączenie crossOriginIsolation
bez konieczności wdrażania COOP lub COEP niezależnie od stanu crossOriginIsolation
strony. Zasady są obsługiwane przez izolację procesów. Dodatkowo podresury dokumentów z innych domen bez CORS będą ładowane bez poświadczeń lub będą musiały mieć nagłówek CORP.
Deklaratywna usługa Web Push
Safari 18.5 to głównie wersja z poprawkami błędów, ale zawiera też deklaratywną usługę WebPush na macOS, która jest obecnie dostępna tylko w Safari. Więcej informacji znajdziesz w artykule Declarative Web Push na blogu WebKit.
Wersje beta przeglądarki
Wersje beta przeglądarki umożliwiają przeglądanie funkcji, które pojawią się w następnej wersji stabilnej przeglądarki. To świetny czas na przetestowanie nowych funkcji lub zmian, które mogą mieć wpływ na Twoją witrynę, zanim zostaną udostępnione publicznie. Nowe wersje beta to: Firefox 140 i Chrome 138.
Firefox 140 zawiera podzbiór interfejsu Cookie Store API, czyli nowoczesnej, asynchronicznej metody zarządzania plikami cookie opartej na obietnicy, której można używać zarówno w głównym wątku, jak i w usługach workerów.
Wersja Chrome 138 zawiera wiele wbudowanych interfejsów API opartych na AI: Summarizer API, Language Detector API i Translator API.
W Chrome 138 jest też kilka funkcji CSS, w tym słowo kluczowe stretch
do określania rozmiaru, a także funkcje sibling-index()
i sibling-count()
.