Poznaj ciekawe funkcje, które pojawiły się we wrześniu 2025 r. w stabilnych i beta wersjach przeglądarek internetowych.
Opublikowano: 1 października 2025 r.
Stabilne wersje przeglądarki
Chrome 140, Chrome 141, Safari 26 i Firefox 143 zostały udostępnione w wersji stabilnej we wrześniu. W tym poście przyjrzymy się, co wydarzyło się w tym miesiącu na platformie internetowej.
Nowe funkcje CSS w Safari 26
W najnowszej wersji Safari jest wiele nowości. Szczegółowy opis znajdziesz w artykule WebKit Features in Safari 26.0. Najważniejsze funkcje CSS to:
Pozycjonowanie kotwicy
W ramach Interop 2025 Safari wprowadziła obsługę pozycjonowania elementów zakotwiczonych w CSS. Umożliwia to przypinanie elementów do kotwicy i jest szczególnie przydatne w połączeniu z wyskakującym okienkiem.
text-wrap: pretty
Wartość pretty
text-wrap
nakazuje przeglądarce poprawić typografię, np. zmniejszyć wpływ nierównych krawędzi i rzek typograficznych oraz zapobiegać krótkim ostatnim wierszom.
Animacje oparte na przewijaniu
Safari obsługuje też animacje oparte na przewijaniu, które pozwalają powiązać animacje z tym, jak daleko użytkownik przewinął stronę.
Nowe wartości i funkcje
Safari to pierwsza przeglądarka, która obsługuje funkcję contrast-color()
. Dzięki niej możesz poprosić przeglądarkę o wybranie koloru o największym kontraście w stosunku do innego koloru.
Funkcja matematyczna progress()
zwraca liczbę wskazującą postęp między dwiema innymi wartościami.
Browser Support
Właściwości align-self
i justify-self
do pozycjonowania bezwzględnego są teraz obsługiwane.
Browser Support
Obsługiwane są właściwości logiczne overflow-block
i overflow-inline
, których można używać zamiast overflow-x
i overflow-y
.
Safari obsługuje teraz też margin-trim
.
Pseudoelement ::details-content
Firefox 143 dodaje obsługę elementu ::details-content
, co umożliwia stylowanie treści elementu <details>
.
Obsługa stylizowania markerów utworzonych za pomocą wygenerowanych treści
Firefox 143 obsługuje też selektory ::before::marker
i ::after::marker
.
Umożliwiają one określenie stylu elementu ::marker
w momencie jego utworzenia za pomocą pseudoelementu ::before
lub ::after
.
Browser Support
Digital Credentials API
Safari 26 i Chrome 141 obsługują interfejs Digital Credentials API. Dzięki temu witryny mogą selektywnie żądać weryfikowalnych informacji o użytkowniku za pomocą cyfrowych dokumentów tożsamości, takich jak prawo jazdy lub dowód osobisty przechowywany w cyfrowym portfelu.
Browser Support
Interfejs URL Pattern API staje się dostępny w ramach Baseline Newly available
Interfejs URL Pattern API umożliwia dopasowywanie adresów URL za pomocą wyrażeń regularnych zgodnie z standardem wzorców adresów URL. Została wprowadzona w Safari 26 i jest teraz dostępna w ramach Baseline Newly available.
Konwersja Uint8Array na base64 i hex oraz z tych formatów jest teraz dostępna w Baseline Newly available
Base64 to popularny sposób reprezentowania dowolnych danych binarnych w formacie ASCII. JavaScript ma Uint8Arrays
dla danych binarnych. Nie ma jednak wbudowanego mechanizmu kodowania tych danych w formacie base64 ani przekształcania danych w formacie base64 w odpowiedni element Uint8Array
. Ta funkcja umożliwia konwertowanie ciągów szesnastkowych na Uint8Arrays
i odwrotnie. W Chrome 140 staje się ona dostępna w ramach Baseline Newly available.
Usługa caret-animation
Właściwość CSS caret-animation
została wprowadzona w Chrome 140 i ma 2 możliwe wartości: auto
i manual
. auto
oznacza domyślne ustawienie przeglądarki (miganie), a manual
oznacza, że animacją kursora steruje deweloper. Użytkownicy, którym przeszkadzają migające obrazy lub którzy źle na nie reagują, mogą wyłączyć miganie za pomocą arkusza stylów użytkownika.
Interfejs ARIA Notify API
Od Chrome 141 element ariaNotify
udostępnia interfejs JavaScript API, który umożliwia autorom treści określanie, co ma odczytać czytnik ekranu.
Zwiększa niezawodność i kontrolę dewelopera w porównaniu z obszarami aktywnymi ARIA, umożliwiając ogłaszanie zmian niezwiązanych z aktualizacjami DOM.
Opcja IndexedDB getAllRecords()
i direction
dla getAll()
i getAllKeys()
Ta funkcja w Chrome 141 dodaje metodę getAllRecords()
do interfejsów IndexedDB IDBObjectStore
i IDBIndex
. Dodaje też parametr kierunku do parametrów getAll()
i getAllKeys()
. Ta funkcja pozwala znacznie przyspieszyć niektóre wzorce odczytu w porównaniu z obecną alternatywą, czyli iteracją za pomocą kursorów.
Wersje beta przeglądarki
Wersje beta przeglądarki umożliwiają zapoznanie się z funkcjami, które pojawią się w kolejnej stabilnej wersji przeglądarki. To świetny moment na przetestowanie nowych funkcji lub usunięć, które mogą mieć wpływ na Twoją witrynę, zanim zostaną one udostępnione wszystkim użytkownikom. Nowe wersje beta w tym miesiącu to Firefox 144 i Safari 26.1.
Safari 26.1 to w większości wersja z poprawkami błędów, w tym błędów związanych z pozycjonowaniem kotwic. Firefox 144 będzie obsługiwać przejścia widoku w przypadku aplikacji jednostronicowych (SPA). Jest to jeden z obszarów, na których skupimy się w ramach Interop 2025. Oznacza to, że ta funkcja stanie się nowo dostępną funkcją bazową.
Firefox 144 zawiera też metodę moveBefore()
w interfejsach Element
, DocumentFragment
i Document
. Dzięki temu możesz przenieść bezpośredni element podrzędny obiektu przed innym jego elementem podrzędnym.