Nowości na platformie internetowej w marcu

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

Rachel Andrew

Opublikowano: 31 marca 2026 r.

Stabilne wersje przeglądarki

W marcu w wersji stabilnej pojawiły się Chrome 146, Firefox 149 i Safari 26.4. W tym poście przyjrzymy się nowym funkcjom, które pojawią się na platformie w tym miesiącu.

Opcjonalne warunki zapytania o kontener

Zarówno Firefox 149, jak i Safari 26.4 obsługują zapytania @containerzawierające tylko nazwę i nie mające żadnych warunków. Dzięki temu możesz dopasowywać kontenery wyłącznie na podstawie ich nazw, co ułatwia stylizowanie elementów na podstawie kontekstu kontenera bez konieczności określania ograniczeń rozmiaru lub stylu.

Animacje wywoływane przewijaniem

W Chrome 146 dodaliśmy sterowanie animacjami na podstawie pozycji przewijania. Ta funkcja umożliwia deklaratywne tworzenie interakcji za pomocą CSS, przenosząc pracę do wątku roboczego i zwiększając wydajność. Obejmuje też interfejsy JavaScript do animacji internetowych. Więcej informacji znajdziesz w artykule Nadchodzą animacje CSS wywoływane przewijaniem.

Browser Support

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

Usługa trigger-scope

Oprócz animacji wywoływanych przez przewijanie Chrome 146 wprowadza właściwość trigger-scope. Pozwala to ograniczyć widoczność nazw wywołań animacji, co pomaga odseparować interakcje animacji z wywołaniami i uniknąć globalnych konfliktów nazw.

Browser Support

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

Wartość wyskakującego okienka hint

Firefox 149 obsługuje teraz wartość hint w przypadku atrybutu globalnego popover. Wyskakujące okienka z wartością hint nie będą zamykać auto wyskakujących okienek, ale będą zamykać inne wyskakujące okienka hint, co zapewnia większą kontrolę nad ich działaniem.

Browser Support

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

Pasy siatki

Safari 16.4 obsługuje wartość display: grid-lanes, która w przypadku parametru display włącza układ w stylu muru.

Browser Support

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

Funkcje matematyczne w atrybucie sizes

Safari 26.4 dodaje obsługę funkcji matematycznych min(), max() i clamp() w atrybucie sizes elementów <img>. Zapewnia to większą elastyczność w przypadku wczytywania obrazów responsywnych.

Sekwencjonowanie iteratora JavaScript

Zarówno Chrome 146, jak i Safari 26.4 obsługują teraz sekwencjonowanie iteratorów, wprowadzając Iterator.concat(...items) do tworzenia iteratorów przez sekwencjonowanie istniejących. Ta funkcja jest teraz dostępna w ramach podstawowej wersji.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

Interfejs CloseWatcher

Firefox 149 dodaje obsługę interfejsu CloseWatcher. Dzięki temu deweloperzy mogą wdrażać komponenty, które można zamykać za pomocą mechanizmów natywnych dla urządzenia, takich jak klawisz Esc w systemie Windows lub przycisk Wstecz na Androidzie, w taki sam sposób jak wbudowane okna i wyskakujące okienka.

Browser Support

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

Source

Wersje beta przeglądarki

Wersje beta przeglądarki umożliwiają podgląd funkcji, które będą dostępne w kolejnej stabilnej wersji przeglądarki. Przed opublikowaniem stabilnej wersji możesz przetestować nowe funkcje lub usunięcia, które mogą mieć wpływ na Twoją witrynę. Nowe wersje beta w tym miesiącu to Firefox 150 i Chrome 147.

Chrome 147 w wersji beta

Wersja beta Chrome 147 zawiera funkcję CSS contrast-color(), która zwraca kolor czarny lub biały w zależności od tego, który z nich zapewnia najwyższy kontrast z kolorem argumentu. Obejmuje też border-shape i przejścia widoku w zakresie elementu.

W wersji beta przeglądarki Firefox 150 dodano słowo kluczowe CSS revert-rule, customeElementRegistry dla elementów i interfejsu DocumentOrShadowRoot oraz light-dark() dla obrazów.