Neu auf der Webplattform im März

Hier finden Sie einige der interessanten Funktionen, die im März 2026 in stabilen und Beta-Webbrowsern eingeführt wurden.

Rachel Andrew

Veröffentlicht: 31. März 2026

Stabile Browserversionen

Chrome 146, Firefox 149 und Safari 26.4 wurden im März als stabile Versionen veröffentlicht. In diesem Beitrag werden die neuen Funktionen vorgestellt, die in diesem Monat auf der Plattform eingeführt werden.

Optionale Containerabfragebedingungen

Sowohl Firefox 149 als auch Safari 26.4 unterstützen @container-Abfragen, die nur Namen und keine Bedingungen enthalten. So können Sie Container nur anhand ihrer Namen abgleichen und Elemente basierend auf dem Containerkontext einfacher gestalten, ohne Größen- oder Stilbeschränkungen angeben zu müssen.

Durch Scrollen ausgelöste Animationen

In Chrome 146 wird die Steuerung von Animationen basierend auf der Scrollposition eingeführt. Mit dieser Funktion können Sie Interaktionen deklarativ mit CSS erstellen, die Arbeit an einen Worker-Thread auslagern und die Leistung verbessern. Es enthält auch JavaScript-Schnittstellen für Webanimationen. Weitere Informationen

Browser Support

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

Die trigger-scope-Property

Neben scrollbasierten Animationen wird in Chrome 146 die Property trigger-scope eingeführt. So können Sie die Sichtbarkeit von Namen für Animationsauslöser einschränken, um Interaktionen zwischen Animationen und Auslösern zu isolieren und globale Namenskonflikte zu vermeiden.

Browser Support

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

hint-Wert für Pop-over

Firefox 149 unterstützt jetzt den Wert hint für das globale Attribut popover. Pop-overs mit dem Wert hint werden beim Anzeigen nicht geschlossen, auto aber andere hint-Pop-overs werden geschlossen. So haben Sie eine genauere Kontrolle über das Verhalten von Pop-overs.

Browser Support

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

Rasterspalten

Safari 16.4 unterstützt display: grid-lanes. Dies ist der Wert von display, der ein Mauerwerk-Layout aktiviert.

Browser Support

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

Mathematische Funktionen im Attribut sizes

In Safari 26.4 wird die Verwendung der mathematischen Funktionen min(), max() und clamp() im Attribut sizes von <img>-Elementen unterstützt. Das bietet mehr Flexibilität beim Laden responsiver Bilder.

Reihenfolge von JavaScript-Iteratoren

Sowohl Chrome 146 als auch Safari 26.4 unterstützen jetzt die Iterator-Sequenzierung. Mit Iterator.concat(...items) können Iteratoren durch Sequenzierung vorhandener Iteratoren erstellt werden. Diese Funktion ist jetzt in Baseline Newly available verfügbar.

Browser Support

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

Source

CloseWatcher-Schnittstelle

Firefox 149 unterstützt die Schnittstelle CloseWatcher. So können Entwickler Komponenten implementieren, die mit geräteeigenen Mechanismen geschlossen werden können, z. B. mit der Esc-Taste unter Windows oder der Zurück-Taste unter Android, und zwar auf dieselbe Weise wie integrierte Dialogfelder und Pop-overs.

Browser Support

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

Source

Betaversionen von Browsern

Betaversionen von Browsern bieten eine Vorschau auf Funktionen, die in der nächsten stabilen Browserversion enthalten sein werden. Sie können neue Funktionen oder Entfernungen, die sich auf Ihre Website auswirken könnten, vor der stabilen Version testen. Zu den neuen Betaversionen in diesem Monat gehören Firefox 150 und Chrome 147.

Chrome 147 Beta

Die Betaversion von Chrome 147 enthält contrast-color(), eine CSS-Funktion, die entweder Schwarz oder Weiß zurückgibt, je nachdem, welche Farbe den höchsten Kontrast zur Argumentfarbe bietet. Außerdem sind border-shape und elementbezogene Ansichtsübergänge enthalten.

In Firefox 150 Beta wurde das CSS-Keyword revert-rule für Elemente und DocumentOrShadowRoot sowie light-dark() für Bilder hinzugefügt. customeElementRegistry