Nowości na platformie internetowej w październiku

Poznaj niektóre ciekawe funkcje, które pojawiły się w stabilnych i beta wersjach przeglądarek internetowych w październiku 2025 roku.

Rachel Andrew

Data publikacji: 30 października 2025 r.

Stabilne wersje przeglądarki

W październiku ukazały się stabilne wersje Chrome 142 i Firefox 144. W tym poście przyjrzymy się, co to oznacza dla platformy internetowej.

Interfejs View Transitions API w przypadku aplikacji jednostronicowych

Firefox 144 obsługuje przejścia widoku w tym samym dokumencie. Obejmuje to obsługę:

• Klasa :active-view-transition
• Usługa view-transition-class
• Usługa view-transition-name
• Pseudoelement ::view-transition
• Pseudoelement ::view-transition-group()
• Pseudoelement ::view-transition-image-pair()
• Pseudoelement ::view-transition-new()
• Pseudoelement ::view-transition-old()

Dzięki temu przejścia widoku w ramach tego samego dokumentu są dostępne w wersji podstawowej.

Atrybuty command i commandfor w elemencie <button>

Firefox 144 obsługuje command i commandfor. Więcej informacji o tych atrybutach znajdziesz w artykule Wprowadzenie do atrybutów command i commandfor.

Metoda moveBefore()

Metoda moveBefore() jest teraz obsługiwana przez Firefoksa w interfejsach Element, DocumentFragment i Document. Dzięki temu możesz przenieść bezpośredni element podrzędny obiektu przed inny element podrzędny, zachowując stan obu elementów.

Więcej informacji znajdziesz w artykule Zachowywanie stanu podczas mutacji DOM za pomocą funkcji moveBefore().

Pseudoklasy :target-before i :target-after

Chrome 142 dodaje pseudoklasy, które pasują do znaczników przewijania znajdujących się przed lub za aktywnym znacznikiem (pasującym do :target-current) w tej samej grupie znaczników przewijania, zgodnie z kolejnością w płaskim drzewie:

• :target-before: pasuje do wszystkich znaczników przewijania, które poprzedzają aktywny znacznik w płaskiej kolejności drzewa w grupie.
• :target-after: pasuje do wszystkich znaczników przewijania, które znajdują się za aktywnym znacznikiem w płaskiej strukturze drzewa w grupie.

Składnia zakresu w przypadku zapytań dotyczących kontenerów stylów i funkcji if()

Chrome 142 ulepsza zapytania o style CSS i funkcję if(), dodając obsługę składni zakresu.

Rozszerza zapytania o style poza dopasowywanie dokładnych wartości (np. style(--theme: dark)). Deweloperzy mogą używać operatorów porównania (np. > i <) do porównywania właściwości niestandardowych, wartości literałów (np. 10 pikseli lub 25%) i wartości z funkcji zastępowania, takich jak attr() i env(). Aby porównanie było prawidłowe, obie strony muszą mieć ten sam typ danych. Jest on ograniczony do tych typów liczbowych: <length>, <number>, <percentage>, <angle>, <time>, <frequency> i <resolution>.

Wywołujący zainteresowania (atrybut interestfor)

W Chrome 142 dodano też atrybut interestfor do elementów <button> i <a>. Ten atrybut dodaje do elementu zachowania związane z „zainteresowaniem”. Gdy użytkownik wykazuje zainteresowanie elementem, w elemencie docelowym są wywoływane działania, np. wyświetlanie wyskakującego okienka.

Klient użytkownika wykrywa, kiedy użytkownik wykazuje zainteresowanie elementem, np. przez przytrzymanie wskaźnika nad elementem, naciśnięcie specjalnych klawiszy skrótu na klawiaturze lub długie naciśnięcie elementu na ekranie dotykowym. Gdy użytkownik wykazuje zainteresowanie lub je traci, w elemencie docelowym uruchamia się zdarzenie InterestEvent, które ma domyślne działania w przypadku wyskakujących okien, takie jak wyświetlanie i ukrywanie wyskakującego okna.

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 145 i Chrome 143, a Safari 26.1 jest nadal w trakcie testów.

Firefox 145 zawiera właściwość source interfejsu ToggleEvent i metodę statyczną Atomics.waitAsync().

Chrome 145 zawiera zapytania o kontener rezerwowy CSS. Wprowadza to @container anchored(fallback), aby stylizować elementy podrzędne elementów zakotwiczonych na podstawie zastosowanej wartości position-try-fallbacks.