Neu auf der Webplattform im Mai

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

Rachel Andrew

Veröffentlicht: 29. Mai 2026

Stabile Browserversionen

Chrome 148, Firefox 151 und Safari 26.5 wurden im Mai als stabile Versionen veröffentlicht. In diesem Beitrag werden die vielen neuen Funktionen dieses Monats vorgestellt.

Die CSS-Pseudoklasse :open wird zur Baseline.

Safari 26.5 ist hauptsächlich ein Release mit Korrekturen für bestehende Funktionen. Sie umfasst jedoch auch die Unterstützung für die :open-Pseudoklasse, wodurch diese Funktion jetzt als „Baseline Newly available“ gekennzeichnet ist.

Mit der Pseudoklasse :open können Sie Elemente mit den Status „offen“ und „geschlossen“ gestalten, wenn sie geöffnet sind. Dies gilt für Elemente wie <details> und <dialog>, wenn sie geöffnet sind, sowie für <select>- und <input>-Elemente (z. B. Farb- oder Datumsauswahlen), wenn ihre Auswahloberflächen angezeigt werden. Dies ist eine übersichtlichere, semantische Alternative zum Formatieren mit Attributen wie details[open].

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: 26.5.

Source

Containerabfragen mit CSS-Namen werden zum Baseline-Standard

Mit Chrome 148, das diesen Monat veröffentlicht wird, sind Containerabfragen nur mit Namen jetzt Baseline Newly Available.

Bisher mussten Sie beim Schreiben einer Containerabfrage neben dem Containernamen auch eine Größen- oder Stilabfragebedingung angeben und den Containertyp mit der Eigenschaft container-type festlegen. Sie können jetzt die Anwesenheit eines benannten Containers nur anhand seines Namens abfragen, ohne zusätzliche Bedingungen. Außerdem müssen Sie für den übergeordneten Knoten kein container-type mehr festlegen, wenn Sie nur nach Namen abfragen:

#container {
  container-name: --sidebar;
}

@container --sidebar {
  .content {
    padding: 2rem;
  }
}

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 149.
  • Safari: 26.4.

Containerstilabfragen für benutzerdefinierte Eigenschaften werden zur Baseline

In Firefox 151 wird die Unterstützung für style()-Abfragen für @container eingeführt. Damit sind Containerstil-Abfragen für benutzerdefinierte Eigenschaften jetzt allgemein verfügbar.

Mit Container-Stil-Abfragen können Sie Stile auf Elemente anwenden, die auf den CSS-Eigenschaften eines übergeordneten Containers basieren. Größenabfragen sind zwar sehr leistungsstark, mit Stilabfragen können Sie jedoch auch andere Attribute abfragen. Diese Version bietet insbesondere vollständige browserübergreifende Unterstützung für das Abfragen benutzerdefinierter Eigenschaften. Sie können beispielsweise prüfen, ob die benutzerdefinierte Eigenschaft --theme für einen übergeordneten Container auf dark festgelegt ist:

@container style(--theme: dark) {
  .card {
    background-color: #1a1a1a;
    color: #fff;
  }
}

Browser Support

  • Chrome: 111.
  • Edge: 111.
  • Firefox: 151.
  • Safari: 18.

Lazy Loading für Video- und Audioelemente

In Chrome 148 wird das Lazy Loading für <video>- und <audio>-Elemente mit dem Attribut loading="lazy" eingeführt.

Genau wie bei <img>- und <iframe>-Elementen können Sie den Browser jetzt anweisen, das Laden von Media-Ressourcen zu verzögern, bis sie sich in der Nähe des Darstellungsbereichs befinden. Dadurch wird die Seitenladeleistung verbessert, Bandbreite gespart und der Datenverbrauch für Ihre Nutzer reduziert. Weitere Informationen finden Sie im Artikel How To Use Standard HTML Video and Audio Lazy-Loading on the Web Today.

Browser Support

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

Source

Document Picture-in-Picture API

Firefox 151 unterstützt die Document Picture-in-Picture API auf Desktop-Plattformen.

Im Gegensatz zur Standard-Picture-in-Picture-API, mit der Sie ein <video>-Element in einem Fenster anzeigen können, das immer im Vordergrund ist, können Sie mit der Document Picture-in-Picture API ein Fenster öffnen, das immer im Vordergrund ist und beliebige HTML-Inhalte enthält. So lassen sich interaktive Overlays wie Raster mit Videokonferenzteilnehmern, interaktive Aktienkurse oder Timer einblenden, die auch dann sichtbar bleiben, wenn Sie die Seite verlassen.

Browser Support

  • Chrome: 116.
  • Edge: 116.
  • Firefox: 151.
  • Safari: not supported.

Source

Web Serial API – erweiterte Plattformunterstützung

Firefox 151 unterstützt die Web Serial API auf Desktop-Plattformen und Chrome 148 unterstützt sie auf Android.

Die Web Serial API bietet Websites die Möglichkeit, Daten von seriellen Geräten wie Mikrocontrollern, 3D-Druckern, Entwicklungsboards und Peripheriegeräten zu lesen und auf diese zu schreiben. In Firefox müssen Nutzer, die die Web Serial API verwenden möchten, ein synthetisch generiertes Add-on für Websiteberechtigungen installieren. So wird ein sicherer und kontrollierter Mechanismus zur Verwaltung des Zugriffs gewährleistet.

Browser Support

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 151.
  • Safari: not supported.

Source

Betaversionen von Browsern

Beta-Browserversionen bieten eine Vorschau auf Funktionen in der nächsten stabilen Version des Browsers. Das ist ein guter Zeitpunkt, um neue Funktionen oder Entfernungen zu testen, die sich auf Ihre Website auswirken könnten, bevor die Änderungen für alle Nutzer eingeführt werden. Die neuen Betas in diesem Monat sind Chrome 149 und Firefox 152. Diesen Monat gibt es keine Safari-Betaversion.

Die Chrome 149-Betaversion enthält interessante CSS-Updates wie CSS-Lückendekorationen, mit denen Sie den Leerraum (Lücken) zwischen Flex- und Grid-Elementen gestalten können. Außerdem werden path() und shape() sowie rect() und xywh() als grundlegende Formfunktionen in der Eigenschaft shape-outside und path-length als CSS-Eigenschaft unterstützt. Auf der API-Seite geben programmgesteuerte Scrollmethoden wie scrollTo(), scrollBy() und scrollIntoView() jetzt Promises zurück, die aufgelöst werden, wenn das sanfte Scrollen abgeschlossen ist. Seiten mit aktiven WebSocket-Verbindungen können jetzt für den Back/Forward-Cache (BFCache) infrage kommen.

In Firefox 152 Beta wird die Eigenschaft field-sizing vollständig unterstützt. Damit können Formularsteuerelemente ihre Größe automatisch an ihren Inhalt anpassen. Außerdem werden dem Notification-Interface die Properties actions und maxActions hinzugefügt und options.pseudoElement wird in Element.getAnimations() unterstützt.