Nowości na platformie internetowej w marcu

Poznaj ciekawe funkcje, które w marcu 2025 r. pojawiły się w stabilnych i beta wersjach przeglądarek internetowych.

Rachel Andrew

Data publikacji: 31 marca 2025 r.

stabilne wersje przeglądarek,

W marcu 2025 r. stały się stabilne wersje Firefox 136, Chrome 134 i Safari 18.4. W tym poście omawiamy nowe funkcje dodane do platformy internetowej.

Nowe pseudoklasy :has-slotted i :open

Firefox 136 obsługuje pseudoklasę :has-slotted, która służy do stylizowania elementów w elementach <template>, które mają zawartość dodaną do elementu <slot> podczas renderowania komponentu internetowego.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

Pseudoklasa :open pozwala wybrać dowolny element, który jest obecnie otwarty. Dotyczy to elementów <details>, <dialog>, <input> z selektorem oraz elementów <select>, gdy otwarte jest menu.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 obsługuje też Intl.DurationFormat. Dzięki temu możesz formatować czasy, biorąc pod uwagę lokalizację. Ta funkcja dołącza do Podstawy. Więcej informacji znajdziesz w sekcji Intl.DurationFormat jest teraz dostępne w Podstawie.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

Wartość plaintext-only atrybutu contenteditable

Kolejną funkcją, która staje się domyślna w tej wersji Firefoxa, jest wartość plaintext-only atrybutu globalnego contenteditable. Więcej informacji o tej wartości znajdziesz w artykule Kombinacja wartości atrybutu contenteditable „tylko tekst zwykły” jest teraz dostępna jako domyślna.

Browser Support

  • Chrome: 51.
  • Edge: 12.
  • Firefox: 136.
  • Safari: ≤13.1.

Tryby pisania poziomego w CSS

Safari 18.4 obsługuje writing-mode: sideways-rl i writing-mode: sideways-lr. Te wartości są używane, gdy z powodów związanych z prezentacją chcesz wyświetlać tekst w orientacji pionowej. Powinny one teraz być dostępne jako „Nowo dostępne podstawowe”.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

Funkcja CSS shape()

W Safari 18.4 dostępna jest też funkcja CSS shape(), która umożliwia tworzenie responsywnych kształtów swobodnych w przycięciu.

Browser Support

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

Source

ClipboardItem.supports()

Safari 18.4 implementuje metodę supports() w przypadku ClipboardItem(). Dzięki temu możesz sprawdzić, które formaty są obsługiwane podczas operacji na schowku. Obecnie jest to opcja domyślna.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

Odrzucenie <dialog>

Jedną z ciekawych funkcji interfejsu Popover API jest jego lekkie zachowanie podczas zamykania. To zachowanie jest teraz częścią <dialog>, która została wdrożona w Chrome 134. Nowy atrybut closedby kontroluje to zachowanie.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

Interfejs Web Locks API jest teraz obsługiwany w przypadku współdzielonego miejsca na dane

Chrome 134 integruje interfejs Web Locks API z Shared Storage. Zapobiega to sytuacjom, w których pomiar zasięgu w wielu witrynach może powodować duplikowanie raportów z powodu potencjalnych warunków wyścigu w ramach logiki get() i set().

Wersje beta przeglądarek

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 137 i Chrome 135. Te wersje wprowadzają na platformę wiele przydatnych funkcji. Szczegóły znajdziesz w notatkach do wersji. Oto kilka najważniejszych informacji.

Firefox 137 zawiera metodę statyczną Math.sumPrecise, która zwraca sumę iterable (np. tablicy). Ta wersja zawiera też Atomics.pause(). Ta metoda daje procesorowi podpowiedź, że bieżący wątek jest w blokadzie spinlocka podczas oczekiwania na dostęp do zasobu współdzielonego.

Chrome 135 zawiera kilka funkcji CSS związanych z tworzeniem karuzel. Zawiera też elementy <select>, które można dostosować, oraz atrybuty command i commandfor.