Google używa technologii AI do tłumaczenia treści na Twój preferowany język. Tłumaczenia wygenerowane przez AI mogą zawierać błędy.

Nowości na platformie internetowej we wrześniu

Poznaj ciekawe funkcje, które zostały wprowadzone we wrześniu 2026 r. w stabilnych i beta wersjach przeglądarek internetowych.

Rachel Andrew Technical Writer

Opublikowano: 2 października 2026 r.

Stabilne wersje przeglądarki

To pierwszy miesiąc, w którym Chrome i Firefox będą wydawane co 2 tygodnie. Oznacza to, że Chrome 153, Chrome 154, Firefox 155, Firefox 156, Firefox 157 i Safari 27 zostaną udostępnione w wersji stabilnej we wrześniu 2026 r. W tym poście przyjrzymy się nowym funkcjom, które pojawiają się w przeglądarkach, w tym wielu funkcjom, które osiągają poziom Baseline Newly available.

Funkcja CSS `progress()` staje się funkcją Baseline

Firefox 155 dodaje obsługę funkcji matematycznej CSS progress(), dzięki czemu jest ona dostępna w ramach Baseline Newly.

Funkcja progress() zwraca wartość <number> reprezentującą pozycję jednego obliczenia między wartością początkową a końcową. Zwykle wynik jest ograniczony do zakresu od 0 do 1, co sprawia, że jest przydatny do dynamicznego określania rozmiaru, nieprzezroczystości lub kolorów na podstawie wymiarów kontenera lub widocznego obszaru. Przeglądarki Firefox 155 i Safari 27 dodają też obsługę opcji słowa kluczowego no-clamp, dzięki czemu zwracana wartość postępu może być mniejsza niż 0 lub większa niż 1.

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

Source

Względne kolory alfa z wartością `alpha()` stają się wartością podstawową

Firefox 155 i Safari 27 dodają obsługę funkcji koloru względnego alpha() z CSS Color 5.

Funkcja alpha() przyjmuje kolor źródłowy i zwraca go ze skorygowanym kanałem alfa (przezroczystości), zachowując kanały kolorów i przestrzeń kolorów:

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

Wersje Chrome 151, Firefox 155 i Safari 27 obsługują alpha(), więc ta funkcja jest teraz dostępna w ramach Baseline Newly available.

Browser Support

Source

Słowo kluczowe `revert-rule` CSS staje się wartością podstawową

Safari 27 dodaje obsługę słowa kluczowego revert-rule CSS.

revert cofa kaskadę do źródła użytkownika lub agenta użytkownika, a revert-layer cofa ją do poprzedniej warstwy kaskady, natomiast revert-rule cofa wartość właściwości do stanu, w jakim byłaby, gdyby bieżąca reguła stylu nie istniała. Dzięki obsłudze w Chrome, Firefox i teraz Safari 27 revert-rule jest nowo dostępny w Baseline.

Browser Support

Source

Wartości `<image>` w `light-dark()` stają się wartościami odniesienia

Safari 27 dodaje obsługę wartości <image> w funkcji CSS light-dark().

Wcześniej ograniczone do wartości <color>, light-dark() może teraz przełączać się między 2 obrazami, np. obrazami url() lub gradientami CSS, w zależności od aktywnego trybu jasnego lub ciemnego color-scheme. Dzięki obsłudze w przeglądarkach Chrome, Firefox i Safari 27 <image> wartości w light-dark() są teraz dostępne w ramach Baseline Newly available.

Browser Support

Zakotwiczanie przewijania za pomocą `overflow-anchor` staje się poziomem odniesienia

Safari 27 umożliwia zakotwiczenie przewijania i dodaje obsługę właściwości CSS overflow-anchor.

Zakotwiczenie przewijania automatycznie dostosowuje pozycję przewijania, gdy zmiany w DOM powyżej widocznego obszaru powodują przeskakiwanie treści podczas czytania lub interakcji użytkownika ze stroną. Możesz użyć overflow-anchor: none, aby wyłączyć określone elementy z funkcji węzłów zakotwiczenia. Safari 27 dołączyła do Chrome i Firefoksa, więc funkcja zakotwiczenia przewijania jest teraz dostępna w ramach Baseline Newly available.

Browser Support

Source

Usługa `font-width` i deskryptor `@font-face` stają się wersją podstawową.

CSS Fonts 4 zastąpił font-stretch ciągiem znaków font-width jako nazwą kanoniczną do wybierania normalnych, wąskich lub rozszerzonych odmian czcionki, zachowując font-stretch jako starszy alias.

Firefox 155 dodaje obsługę właściwości CSS font-width, deskryptora font-width @font-face i wartości CSSStyleDeclaration.fontWidth. Chrome 154 dodaje też deskryptor font-width w regułach @font-face i właściwość width w obiektach FontFace. Wraz z dotychczasową obsługą w Safari funkcja font-width jest teraz dostępna w ramach Baseline Newly available.

Browser Support

Source

`sizes="auto"` w przypadku obrazów ładowanych leniwie staje się wartością bazową.

Safari 27 dodaje obsługę słowa kluczowego auto w atrybucie sizes w elementach <img>, które używają loading="lazy".

Jeśli określisz sizes="auto" (lub listę sizes rozpoczynającą się od auto), przeglądarka użyje szerokości renderowanego układu obrazu ładowanego z opóźnieniem, aby wybrać najbardziej odpowiednie źródło obrazu z srcset. Dzięki obsłudze w przeglądarkach Chrome, Firefox i Safari 27 sizes="auto" jest teraz dostępny w ramach Baseline Newly.

Browser Support

Source

Asynchroniczna iteracja i przenośne obiekty `ReadableStream` stają się podstawowe

Safari 27 zawiera kilka aktualizacji ReadableStream:

Obsługa iteracji asynchronicznej po obiektach ReadableStream za pomocą pętli for await...of i ReadableStream.prototype.values().
Obsługa przenoszenia obiektów ReadableStream między kontekstami za pomocą postMessage().
Obsługa metody statycznej ReadableStream.from() do tworzenia obiektu ReadableStream z obiektu iterowalnego lub asynchronicznego obiektu iterowalnego (obsługiwana też w Firefoxie).

W Safari 27 asynchroniczne strumienie iterowalne i przenośne obiekty ReadableStream są teraz dostępne w ramach Baseline Newly available.

Browser Support

`AnimationEvent.animation` i `TransitionEvent.animation` stają się wartościami podstawowymi.

Safari 27 dodaje właściwość animation do AnimationEvent i właściwość animation do TransitionEvent.

Ta właściwość zwraca obiekt Animation powiązany ze zdarzeniem animacji lub przejścia CSS, co ułatwia sprawdzanie animacji lub sterowanie nią bezpośrednio z poziomu detektora zdarzeń. Właściwość ta jest obsługiwana przez przeglądarki Chrome, Firefox i Safari 27, dlatego jest teraz dostępna w ramach Baseline Newly available.

Browser Support

Source

Opcja `maxAge` w `cookieStore.set()` zmienia się w Wariant podstawowy

Safari 27 dodaje obsługę opcji maxAge podczas ustawiania pliku cookie za pomocą cookieStore.set(), dzięki czemu możesz określić czas życia pliku cookie jako czas trwania w sekundach zamiast obliczać bezwzględną sygnaturę czasową expires. Dzięki obsłudze w przeglądarkach Chrome, Firefox i Safari 27 opcja maxAge jest teraz dostępna w ramach Baseline Newly available.

Browser Support

Konfigurowalna `<select>` w Safari 27

Safari 27 dodaje obsługę dostosowywanych menu <select> za pomocą elementów appearance: base-select i <selectedcontent>, podobnie jak Chrome.

Włączenie elementu <select> i jego pseudoelementu ::picker(select) do appearance: base-select powoduje przełączenie kontrolki na stylizowany wygląd podstawowy, co umożliwia umieszczanie w elementach <option> bogatych treści HTML i niestandardowe stylizowanie przycisku oraz selektora menu.

Browser Support

Elementy deklaratywne `<camera>` i `<microphone>` w Chrome

W Chrome 153 wprowadzamy elementy HTML <camera> i <microphone>.

Na podstawie elementu <usermedia> elementy <camera> i <microphone> zapewniają dedykowane, aktywowane przez użytkownika deklaratywne elementy sterujące do żądania dostępu do nagrywania pojedynczego rodzaju treści (wideo lub audio) bez wywoływania próśb o uprawnienia inicjowanych przez skrypt podczas wczytywania strony.

Browser Support

Dodatki do JavaScriptu `Iterator` i `Promise`

W Chrome 153 dodaliśmy Iterator.prototype.join() oraz wspólną iterację za pomocą Iterator.zip() i Iterator.zipKeyed().

Browser Support

Source

Firefox 155 implementuje Promise.allKeyed() i Promise.allSettledKeyed(), które akceptują obiekt słownika obietnic i rozwiązują się w obiekt z tymi samymi kluczami.

Browser Support

Source

Aktualizacje WebTransport w Firefoxie 155

Firefox 115 rozszerza swoją implementację:WebTransport

Obsługa negocjacji protokołu na poziomie aplikacji za pomocą opcji protocols w konstruktorze WebTransport() i właściwości WebTransport.protocol. Dzięki obsłudze w Chrome, Safari i teraz w Firefoksie 155 funkcja WebTransport.protocol jest dostępna w ramach Baseline Newly.
Obsługa: createSendGroup(), draining, exportKeyingMaterial() i WebTransportDatagramDuplexStream.createWritable().

Browser Support

Source

Interfejs API routingu statycznego Service Worker w Safari 27

Safari 27 dodaje obsługę interfejsu Service Worker Static Routing API za pomocą elementu InstallEvent.addRoutes().

Ten interfejs API umożliwia skryptowi service worker rejestrowanie deklaratywnych reguł routingu w momencie instalacji, dzięki czemu pasujące żądania mogą pomijać uruchamianie skryptu service worker i pobierać dane bezpośrednio z sieci lub pamięci podręcznej, co zwiększa wydajność nawigacji.

Browser Support

Source

Wersje beta przeglądarki

Wersje beta przeglądarki umożliwiają zapoznanie się z funkcjami, które pojawią się w następnej stabilnej wersji przeglądarki. To świetny moment na przetestowanie nowych funkcji lub usunięć, które mogą mieć wpływ na Twoją witrynę, zanim udostępnimy je wszystkim użytkownikom. Nowe wersje beta w tym miesiącu to Chrome 155, Chrome 156, Firefox 158 i Safari 27.2.

Wersja beta Chrome 155 zawiera CSS margin-trim, symbols() i text-decoration-skip-spaces, a także obsługę dekodowania JPEG XL (image/jxl), importowania modułów tekstowych (import ... with { type: "text" }) i wydawania cyfrowych dokumentów tożsamości za pomocą interfejsu Digital Credentials API.

Wersja beta Chrome 156 zawiera funkcję CSS random(), skrócone właściwości CSS corner, kontenery przewijania w jednej osi, scroll-snap-type: pair, właściwość image-animation i pseudoklasę :animated-image, pseudoklasy stanu elementu multimedialnego (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), odroczoną ocenę modułu (import defer) oraz element HTML <install> i Web Install API.

W wersji beta przeglądarki Safari 27.2 dodaliśmy obsługę wyrównania przepełnienia safe i unsafe w połączeniu z normal, włączyliśmy wyrównanie safe w przypadku pól o stałej pozycji i elementów ::picker(select) oraz zmieniliśmy nazwę flow-tolerance na fit-tolerance w przypadku display: grid-lanes.

Nowości na platformie internetowej we wrześniu Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Stabilne wersje przeglądarki

Funkcja CSS progress() staje się funkcją Baseline

Względne kolory alfa z wartością alpha() stają się wartością podstawową

Słowo kluczowe revert-rule CSS staje się wartością podstawową

Wartości <image> w light-dark() stają się wartościami odniesienia

Zakotwiczanie przewijania za pomocą overflow-anchor staje się poziomem odniesienia

Usługa font-width i deskryptor @font-face stają się wersją podstawową.

sizes="auto" w przypadku obrazów ładowanych leniwie staje się wartością bazową.

Asynchroniczna iteracja i przenośne obiekty ReadableStream stają się podstawowe

AnimationEvent.animation i TransitionEvent.animation stają się wartościami podstawowymi.

Opcja maxAge w cookieStore.set() zmienia się w Wariant podstawowy

Konfigurowalna <select> w Safari 27

Elementy deklaratywne <camera> i <microphone> w Chrome

Dodatki do JavaScriptu Iterator i Promise

Aktualizacje WebTransport w Firefoxie 155

Interfejs API routingu statycznego Service Worker w Safari 27

Wersje beta przeglądarki

Nowości na platformie internetowej we wrześniu

Funkcja CSS `progress()` staje się funkcją Baseline

Względne kolory alfa z wartością `alpha()` stają się wartością podstawową

Słowo kluczowe `revert-rule` CSS staje się wartością podstawową

Wartości `<image>` w `light-dark()` stają się wartościami odniesienia

Zakotwiczanie przewijania za pomocą `overflow-anchor` staje się poziomem odniesienia

Usługa `font-width` i deskryptor `@font-face` stają się wersją podstawową.

`sizes="auto"` w przypadku obrazów ładowanych leniwie staje się wartością bazową.

Asynchroniczna iteracja i przenośne obiekty `ReadableStream` stają się podstawowe

`AnimationEvent.animation` i `TransitionEvent.animation` stają się wartościami podstawowymi.

Opcja `maxAge` w `cookieStore.set()` zmienia się w Wariant podstawowy

Konfigurowalna `<select>` w Safari 27

Elementy deklaratywne `<camera>` i `<microphone>` w Chrome

Dodatki do JavaScriptu `Iterator` i `Promise`