Nowości na platformie internetowej w kwietniu

Poznaj kilka interesujących funkcji, które w kwietniu 2025 r. trafiły do stabilnych i beta wersji przeglądarek internetowych.

Rachel Andrew

Data publikacji: 30 kwietnia 2025 r.

stabilne wersje przeglądarek,

W kwietniu 2025 r. wersje Firefox 137, Firefox 138, Chrome 135 i Chrome 136 stały się stabilne. W tym poście omawiamy nowe funkcje dodane do platformy internetowej w miesiącu, w którym Chrome i Firefox miały po 2 wersje.

Karuzele w Chrome

Niektóre funkcje, które pojawiły się w Chrome w wersji 135, umożliwiają tworzenie karuzel i innych stron w internecie.

Pseudoelementy ::scroll-button() i ::scroll-marker() umożliwiają dodawanie przycisków i znaczników do dowolnej przewijanej części witryny. Dzięki temu możesz zapewnić użytkownikom możliwość nawigacji i pokazać, na którym miejscu karuzeli się znajdują.

Browser Support

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

Source

Pseudoelement ::column, który pozwala stylizować fragment kolumny.

Browser Support

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

Source

Właściwość interactivity określa, czy element i jego potomkowie w drzewie płaskim (w tym ciągi tekstowe) są nieaktywne.

Browser Support

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

Ustawienie elementu jako nieaktywnego wpływa na to, czy można go ustawić jako element aktywny, edytować, wybrać i wyszukiwać za pomocą funkcji znajdowania na stronie. Ma to również wpływ na to, czy jest widoczne w drzewie ułatwień dostępu.

Więcej informacji znajdziesz w artykule Karuzele z usługą porównywania cen.

Atrybuty command i commandfor

W Chrome 135 dostępne są też atrybuty command i commandfor. Te atrybuty ulepszają i zastępują atrybuty popovertargetaction i popovertarget. Te nowe atrybuty można dodawać do przycisków, co pozwala przeglądarce rozwiązywać niektóre podstawowe problemy związane z prostotę i dostępnością oraz zapewnia wbudowane wspólne funkcje.

Więcej informacji znajdziesz w artykule Wprowadzenie do command i commandfor.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

Funkcja CSS shape()

Funkcja CSS shape() w Chrome 135 służy do definiowania kształtu dla właściwości clip-path i offset-path. Dowiedz się, jak go używać do elastycznego przycinania. Ta funkcja została udostępniona w Safari 18.4 i jest też dostępna w Firefox Nightly. Mamy nadzieję, że wkrótce będzie dostępna w wersji bazowej.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

Atomics.pause()

Firefox 137 zawiera Atomics.pause(), dzięki czemu ta funkcja jest dostępna w ramach wersji podstawowej. Ta metoda statyczna udostępnia prymityw mikroczekania, który sugeruje procesorowi, że wywołujący jest w stanie oczekiwania na dostęp do zasobu współdzielonego. Dzięki temu system może zmniejszyć zasoby przydzielone procesowi (np. moc) lub wątkowi, nie zwalniając bieżącego wątku.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

Firefox 137 zawiera też właściwość CSS hyphenate-limit-chars. Ta właściwość określa minimalną długość słowa, aby umożliwić dzielenie wyrazów, oraz minimalną liczbę znaków przed i po łączniku.

Browser Support

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

Source

RegExp.escape

Metoda statyczna RegExp.escape została udostępniona we wszystkich przeglądarkach w ciągu kilku miesięcy i stanie się nową wartością domyślną w Chrome 136.

Ta metoda ucieka z potencjalnych znaków składni wyrażenia regularnego w ciągu znaków, zwracając nowy ciąg znaków, który można bezpiecznie użyć jako dosłowny wzór w konstruktorze RegExp().

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

Metoda statyczna Error.isError() sprawdza, czy przekazana wartość jest błędem. Jest ona dostępna w Firefoxie 138. Chociaż jest obsługiwana we wszystkich przeglądarkach, nie jest jeszcze uważana za wartość domyślną. Jest dostępna, ponieważ Safari zwraca obecnie wartość false dla instancji DOMException.

Browser Support

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

Source

Interfejs API stanu logowania do FedCM

Firefox 138 obsługuje interfejs Login Status API, gdy korzystasz z interfejsu Federated Credential Management (FedCM). Służy do ustawiania i sprawdzania, czy użytkownik przeglądarki jest zalogowany w usługodawcy tożsamości. Firefox 138 obsługuje interfejs NavigatorLogin, właściwość navigator.login i nagłówek odpowiedzi HTTP Set-Login.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

Integralność mapy importu

W Firefox 138 wartość importmap atrybutu type elementu <script> obsługuje teraz klucz integrity. Dzięki temu adresy URL modułów ES, do których odwołują się mapy importu, mogą być dopasowywane do metadanych integralności. Ta funkcja jest teraz dostępna jako Nowości.

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

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 139 i Safari 18.5.

Wersja beta Safari 18.5 zawiera tylko kilka poprawek błędów po dużej aktualizacji do wersji 18.4.

W momencie pisania tego tekstu Firefox nie opublikował jeszcze informacji o wersji, ale wydaje się, że wersja beta zawiera interfejs Temporal API, dzięki czemu Firefox jest pierwszą przeglądarką, która zawiera tę ulepszoną wersję funkcji Date. Wprowadziliśmy też implementację <dialog> request.close(), która pozwoliła udostępnić tę metodę w ramach punktu odniesienia Nowo dostępne.