Nowości na platformie internetowej w kwietniu

Poznaj ciekawe funkcje, które pojawiły się w stabilnych i beta wersjach przeglądarek internetowych w kwietniu 2026 roku.

Rachel Andrew

Opublikowano: 24 kwietnia 2026 r.

Stabilne wersje przeglądarki

W kwietniu wydano stabilne wersje Chrome 147 i Firefoxa 150. W tym miesiącu nie było stabilnej wersji Safari. W tym poście przyjrzymy się wielu nowym funkcjom, które wprowadziliśmy w tym miesiącu.

Funkcja CSS contrast-color() staje się funkcją podstawową

W Chrome 147 udostępniliśmy funkcję contrast-color(). Ta przydatna funkcja ułatwień dostępu jest teraz dostępna we wszystkich głównych silnikach, co oznacza, że jest to nowa funkcja Baseline.

Ta funkcja przyjmuje wartość koloru i zwraca kolor czarny lub biały w zależności od tego, który z nich zapewnia najwyższy kontrast względem podanego koloru. Pomaga to zapewnić, że tekst spełnia wymagania dotyczące kontrastu w zakresie ułatwień dostępu.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 146.
  • Safari: 26.

Source

Właściwości zakresu animacji opartej na przewijaniu są teraz podstawowe

Firefox 150 obsługuje właściwości animation-range-start i animation-range-end, a także skrót animation-range. Dzięki temu te usługi będą dostępne w ramach podstawowej wersji usługi.

Te właściwości pozwalają określić, w którym miejscu na osi czasu animacji opartej na przewijaniu ma się ona zaczynać i kończyć.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

Metoda ariaNotify()

Firefox 150 wprowadza obsługę metody ariaNotify() na platformach Document i Element. Ta metoda umożliwia autorom treści umieszczenie w kolejce ciągu tekstu, który ma być odczytany przez czytnik ekranu.

Jest to bardziej niezawodna i ergonomiczna alternatywa dla regionów aktywnych ARIA, szczególnie w przypadku ogłoszeń niezwiązanych z aktualizacjami DOM.

Browser Support

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

Source

Automatyczne rozmiary obrazów ładowanych w leniwy sposób

Firefox 150 obsługuje teraz słowo kluczowe "auto" w przypadku atrybutu sizes elementów <img>. Umożliwia to obrazom wczytywanym z opóźnieniem korzystanie z obliczonego rozmiaru układu obrazu do wybierania najlepszego źródła z srcset, co upraszcza konfigurację elastycznych obrazów.

Browser Support

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

Source

Przejścia widoku w zakresie elementu

Chrome 147 udostępnia interfejs element.startViewTransition() w przypadku dowolnych elementów HTML. Umożliwia to przejścia ograniczone do konkretnego elementu, co oznacza, że na pseudoelementy mają wpływ klipy i przekształcenia elementów nadrzędnych, a wiele przejść może działać jednocześnie.

Właściwość CSS border-shape

W Chrome 147 wprowadziliśmy właściwość border-shape, która umożliwia tworzenie nieregularnych obramowań w kształcie wielokątów lub okręgów.

Atrybut ścieżki SVG <textPath>

Chrome 147 dodaje obsługę atrybutu path w elemencie SVG <textPath>, co umożliwia zdefiniowanie geometrii ścieżki tekstu w linii.

Browser Support

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

Obsługa wstępnego wczytywania modułów w przypadku plików JSON i stylów

Chrome 147 dodaje obsługę typów modułów JSON i stylów jako miejsc docelowych<link rel="modulepreload">.

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

Chrome 147 implementuje propozycję TC39 dotyczącą metody Math.sumPrecise, która zwraca dokładną sumę wartości w obiekcie iterowalnym. Ta metoda jest teraz dostępna w ramach Baseline Newly available.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 137.
  • Safari: 26.2.

Source

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 publicznie. Nowe wersje beta w tym miesiącu to Chrome 148, Firefox 151 i Safari 26.5.

Wersja beta Chrome 148 zawiera zapytania o kontenery w CSS, które uwzględniają tylko nazwy, leniwe ładowanie elementów wideo i audio oraz funkcję at-rule() do wykrywania funkcji w @supports.

Wersja beta przeglądarki Firefox 151 zawiera zapytania o style kontenerów CSS.

Wersja beta Safari 26.5 obsługuje pseudoklasę :open w przypadku elementów <details>, <dialog>, <select> i <input>, a także zawiera wiele poprawek.