Nowości na platformie internetowej w marcu

Poznaj kilka ciekawych funkcji, które w marcu 2025 r. trafiły do stabilnych i beta wersji 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.

Uwaga: te posty zawierają dane o zgodności przeglądarek pobrane z MDN. Mogą one nie być jeszcze zaktualizowane w przypadku najnowszych wersji przeglądarek. Wpis będzie zawierał prawidłowe informacje, gdy tylko pojawi się w wersji danych o zgodnosci z przeglądarką.

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

• 134
• 134
• 136
• x

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

• 133
• 133
• 136
• x

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

• 129
• 129
• 136
• 16.4

Source

Wartość plaintext-only atrybutu contenteditable

Kolejną funkcją, która staje się podstawową, jest wartość atrybutu globalnego contenteditable, która w tej wersji Firefoksa jest plaintext-only. 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

• 51
• ≤79
• 136
• ≤13.1

Tryby pisania poziomego w przypadku 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”.

Browser Support

• 132
• 132
• 43
• 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

• x
• x
• 
• 18.4

Source

ClipboardItem.support()

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

Browser Support

• 121
• 121
• 127
• 18.4

Source

Lekkie zamknięcie okna <dialog>

Jedną z ciekawych funkcji interfejsu Popover API jest możliwość szybkiego zamknięcia. To zachowanie jest teraz częścią <dialog>, która została wdrożona w Chrome 134. Nowy atrybut closedby kontroluje to zachowanie.

Browser Support

• 134
• 134
• x
• x

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 logice 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.