Nowości na platformie internetowej w maju

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.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 139.
  • Safari: behind a flag.

Source

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.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 139.
  • Safari: 18.4.

Source

CSS reading-flow i reading-order

Chrome 137 zawiera reading-flowreading-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

  • Chrome: 137.
  • Edge: 137.
  • Firefox: not supported.
  • Safari: not supported.

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().