Nowości na platformie internetowej w październiku

Poznaj niektóre z ciekawych funkcji, które pojawiły się w stabilnych i testowych wersjach przeglądarek w październiku 2026 r.

Rachel Andrew

Opublikowano: 29 października 2026 r.

Stabilne wersje przeglądarki

Wersje Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1 i Safari 27.2 zostały udostępnione w wersji stabilnej w październiku 2026 r. W tym poście przyjrzymy się nowym funkcjom, które pojawią się w tym miesiącu w przeglądarkach, a kilka ważnych funkcji stanie się nowo dostępnych w Baseline.

Animacje oparte na przewijaniu stają się częścią Baseline

Firefox 159 domyślnie włącza animacje sterowane przewijaniem.

Animacje sterowane przewijaniem umożliwiają powiązanie postępu animacji CSS lub interfejsu Web Animations API z przesunięciem przewijania kontenera przewijania za pomocą właściwości scroll-timeline i funkcji scroll() lub z widocznością elementu w jego oknie przewijania za pomocą właściwości view-timeline i funkcji view() przypisanej do właściwości animation-timeline:

Dzięki obsłudze w Chrome, Safari, a teraz także w Firefoksie 159, animacje sterowane przewijaniem są teraz dostępne w ramach Baseline.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Zobacz Animacje sterowane przewijaniem: droga do Baseline Newly available i przewiń oś czasu, aby dowiedzieć się, jak animacje sterowane przewijaniem ewoluowały od propozycji z początku 2014 r. do interoperacyjnego standardu internetowego dostępnego we wszystkich głównych silnikach przeglądarek.

Rejestry elementów niestandardowych o ograniczonym zakresie stają się częścią funkcji Baseline

Firefox 159 dodaje obsługę rejestrów elementów niestandardowych o ograniczonym zakresie.

Wcześniej wszystkie elementy niestandardowe musiały być zarejestrowane w jednym globalnym rejestrze window.customElements, co mogło powodować kolizje nazw podczas łączenia komponentów z różnych bibliotek lub zespołów. Możesz teraz utworzyć niezależną instancję CustomElementRegistry za pomocą konstruktora CustomElementRegistry() i ograniczyć jej definicje do określonego drzewa shadow. Właściwość customElementRegistry jest też dostępna w przypadku obiektów Document, Element i ShadowRoot.

Dzięki obsłudze w Chrome, Safari i Firefoxie 159 rejestry niestandardowych elementów o ograniczonym zakresie są teraz dostępne w ramach Baseline.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

Obsługa obrazów JPEG XL

Zarówno Chrome 155, jak i Firefox 158 domyślnie obsługują format pliku graficznego JPEG XL (image/jxl).

JPEG XL to bezpłatny format obrazu rastrowego, który jest zgodny ze standardem ISO/IEC 18181. Obsługuje kompresję stratną i bezstratną, dekodowanie progresywne, szeroką gamę kolorów, wysoki zakres dynamiki (HDR), dużą głębię bitową, przezroczystość i animację, a także bezstratne transkodowanie istniejących plików JPEG. Firefox 158 aktualizuje też domyślny nagłówek HTTP Accept w żądaniach obrazów, aby zawierał on image/jxl.

Więcej informacji znajdziesz w artykule Wprowadzanie JPEG XL w Chrome (w języku angielskim).

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

Arytmetyka typowana CSS staje się funkcją Baseline

Firefox 158 dodaje obsługę arytmetyki typowanej CSS w funkcjach matematycznych takich jak calc().

Arytmetyka typowana CSS umożliwia dzielenie 2 wartości tego samego typu danych, nawet jeśli używają różnych jednostek, w celu uzyskania ilorazu <number> bez jednostki. Możesz użyć tego wyniku bez jednostki bezpośrednio we właściwościach, które akceptują liczby (takich jak opacity lub line-height), lub pomnożyć go przez inną jednostkę, aby przekonwertować go na inny typ:

Firefox 158 dołącza do Chrome i Safari, które już obsługują arytmetykę typowaną CSS. Ta funkcja jest teraz dostępna w ramach Baseline.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

Firefox 158 obsługuje teraz właściwość PerformanceResourceTiming.deliveryType.

Ta właściwość wskazuje, jak zasób został dostarczony – na przykład zwraca wartość "cache", gdy zasób został dostarczony z pamięci podręcznej.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

Funkcja CSS random()

Chrome 156 dodaje obsługę funkcji CSS random().

Funkcja random() generuje losową wartość liczbową z określonego zakresu między wartością minimalną a maksymalną, z opcjonalnym interwałem kroku. Domyślnie każde wywołanie random() zwraca inną losową wartość. Możesz też przekazać <random-key> jako pierwszy argument, aby udostępnić losową wartość między właściwościami lub elementami:

Przykłady znajdziesz w artykule Embracing playful imperfection with the CSS random() function (Wykorzystanie niedoskonałości dzięki funkcji CSS) w Smashing Magazine.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

Właściwość CSS margin-trim

Chrome 155 obsługuje właściwość CSS margin-trim w kontenerach blokowych i wielokolumnowych.

Możesz użyć właściwości margin-trim w kontenerze, aby pominąć marginesy jego elementów podrzędnych, gdy stykają się z krawędziami kontenera. Pozwala to uniknąć dodatkowych odstępów przed pierwszym elementem podrzędnym lub po ostatnim elemencie podrzędnym bez konieczności zastępowania właściwości :first-child lub :last-child.

Więcej informacji znajdziesz w artykule Usuwanie marginesów początkowych i końcowych za pomocą właściwości margin-trim.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

Style liczników wbudowanych z funkcją CSS symbols()

Chrome 155 wprowadza obsługę funkcji CSS symbols().

Funkcja symbols() umożliwia bezpośrednie zdefiniowanie stylu licznika anonimowego w list-style-type, skrócie list-style, counter() lub counters() bez deklarowania oddzielnej reguły at-rule @counter-style.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

Właściwość CSS text-decoration-skip-spaces

W Chrome 155 dodaliśmy właściwość CSS text-decoration-skip-spaces, która określa, czy linie dekoracji tekstu, takie jak podkreślenia, nadkreślenia i przekreślenia, pomijają znaki odstępu. Dzięki temu możesz zapobiec rysowaniu dekoracji pod spacjami początkowymi, końcowymi lub między wyrazami.

Browser Support

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

Pseudoklasa CSS :navigation-source

Chrome 156 wprowadza pseudoklasę CSS :navigation-source. Dopasowuje link, przycisk lub element formularza, który zainicjował nawigację, i utrzymuje ten element zaznaczony podczas nawigacji.

Browser Support

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

Importowanie modułów tekstowych JavaScript i ponawianie nieudanych prób wczytania modułów

Chrome 155 dodaje obsługę importowania modułów tekstowych za pomocą import ... with { type: "text" }, dołączając do Firefoksa. Atrybut importu type: "text" wczytuje zawartość modułu docelowego jako ciąg znaków JavaScriptu.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

Chrome 156 aktualizuje też sposób wczytywania modułów, dzięki czemu nieudane próby wczytania modułów nie są już trwale zapisywane w pamięci podręcznej. Aplikacje mogą teraz ponawiać próby wczytania nieudanych modułów, na przykład przez ponowne wywołanie import() po tymczasowej awarii sieci.

Aktualizacje WebTransport w Chrome i Firefoksie

Firefox 158 i Chrome 156 rozwijają się do WebTransport:

Firefox 158 dodaje metodę WebTransport.getStats() do pobierania statystyk połączeń i datagramów oraz właściwość statyczną WebTransport.supportsReliableOnly wskazującą, czy przeglądarka obsługuje sesje WebTransport wyłącznie przez niezawodne transporty.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

Chrome 156 dodaje obsługę przekazywania niestandardowych nagłówków żądań HTTP w WebTransportOptions podczas początkowego uzgadniania połączenia CONNECT i odczytywania nagłówków odpowiedzi serwera z instancji WebTransport.

Opcja Notification navigate w Firefoksie

Firefox 158 dodaje obsługę opcji navigate w konstruktorze Notification() i ServiceWorkerRegistration.showNotification(), a także właściwości Notification.navigate, dołączając do Safari. Ta opcja określa adres URL, do którego przeglądarka ma przejść, gdy użytkownik kliknie powiadomienie systemowe.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Aktualizacje interfejsu HTML Sanitizer API w przeglądarce Firefox

Firefox 158 dodaje opcję konfiguracji javascriptURLs i Sanitizer.setJavascriptURLs() do interfejsu HTML Sanitizer API, która określa, czy atrybuty zawierające adresy URL javascript: są usuwane podczas korzystania z niebezpiecznych metod wstawiania kodu HTML, takich jak Element.setHTMLUnsafe().

Browser Support

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

Firefox 159 aktualizuje też bezpieczne metody oczyszczania danych, takie jak Element.setHTML(), aby usuwać niechciane elementy i atrybuty podczas analizowania, a nie po utworzeniu drzewa DOM. Dzięki temu sąsiadujący tekst pozostaje w jednym węźle tekstowym.

Zmieniam nazwę flow-tolerance na fit-tolerance w Safari

W Safari 27.2 zmieniono nazwę właściwości flow-tolerance na fit-tolerance w przypadku układu pasów siatki (display: grid-lanes), zachowując flow-tolerance jako wycofany alias.

Browser Support

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

Wersje beta przeglądarki

Wersje beta przeglądarki dają dostęp do funkcji, które pojawią się w kolejnej wersji stabilnej. To świetny moment na przetestowanie nowych funkcji lub usunięć, które mogą mieć wpływ na Twoją witrynę, zanim ta wersja zostanie udostępniona wszystkim użytkownikom. Nowe wersje beta w tym miesiącu to Chrome 157, Chrome 158 i Firefox 160.

Chrome 157 beta zawiera skrót CSS corner i skróty podrzędne krawędzi, które umożliwiają jednoczesne ustawianie właściwości border-radius i corner-shape, text-decoration-inset, text-overflow: <string> oraz position-visibility: anchor-valid i anchor-visible. Obejmuje też obsługę renderowania HTML-in-canvas oraz atrybut displaymode tylko z ikoną dla elementów funkcji <camera>, <microphone> i <geolocation>.

W Chrome 158 beta wprowadzamy deklaratywny element HTML <install> i interfejs Web Install API (navigator.install()) do instalowania aplikacji internetowych w różnych domenach. Dodatki CSS i SVG obejmują uniwersalny selektor wyróżnienia niestandardowego ::highlight(*), pseudoklasy stanu elementu multimedialnego (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), słowa kluczowe wyrównania flow-start i flow-end oraz promienie closest-corner i farthest-corner dla podstawowych kształtów circle() i ellipse().

Firefox 160 beta aktualizuje interfejs WebExtensions runtime.PlatformInfo API, aby na platformach ARM64 zwracał arch jako arm64 zamiast aarch64, co jest zgodne z Chrome.