Neu auf der Webplattform seit Oktober

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

Rachel Andrew

Veröffentlicht: 29. Oktober 2026

Stabile Browser-Releases

Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1 und Safari 27.2 wurden im Oktober 2026 als stabile Versionen veröffentlicht. In diesem Beitrag werfen wir einen Blick auf die neuen Funktionen, die diesen Monat in Browsern eingeführt werden. Mehrere wichtige Funktionen sind jetzt in Baseline verfügbar.

Scrollgesteuerte Animationen werden Teil der Baseline

In Firefox 159 sind scrollgesteuerte Animationen standardmäßig aktiviert.

Mit scrollgesteuerten Animationen können Sie den Fortschritt einer CSS-Animation oder einer Web Animations API-Animation mit dem Scroll-Offset eines Scroll-Containers verknüpfen. Dazu verwenden Sie scroll-timeline und die Funktion scroll(). Alternativ können Sie die Sichtbarkeit eines Elements innerhalb seines Scrollports mit view-timeline und der Funktion view() verknüpfen, die mit animation-timeline zugewiesen wird:

Dank der Unterstützung in Chrome, Safari und jetzt auch Firefox 159 sind scrollbasierte Animationen jetzt in Baseline verfügbar.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Unter Scroll-driven animations: The road to Baseline Newly available können Sie sich die Zeitleiste ansehen, um zu erfahren, wie sich scrollbasierte Animationen von einem Vorschlag Anfang 2014 zu einem interoperablen Webstandard entwickelt haben, der in jeder wichtigen Browser-Engine verfügbar ist.

Bereichsbezogene Registrierungen für benutzerdefinierte Elemente werden Teil von Baseline

Firefox 159 unterstützt jetzt bereichsbezogene Registrierungen für benutzerdefinierte Elemente.

Bisher mussten alle benutzerdefinierten Elemente in einer einzigen globalen window.customElements-Registry registriert werden. Das konnte zu Namenskonflikten führen, wenn Komponenten aus verschiedenen Bibliotheken oder Teams kombiniert wurden. Sie können jetzt mit dem Konstruktor CustomElementRegistry() eine unabhängige CustomElementRegistry-Instanz erstellen und ihre Definitionen auf einen bestimmten Shadow Tree beschränken. Das Attribut customElementRegistry ist auch für Document, Element und ShadowRoot verfügbar.

Mit der Unterstützung in Chrome, Safari und Firefox 159 sind bereichsbezogene Registrierungen für benutzerdefinierte Elemente jetzt neu in Baseline verfügbar.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

Unterstützung für JPEG XL-Bilder

Sowohl Chrome 155 als auch Firefox 158 unterstützen standardmäßig das Bildformat JPEG XL (image/jxl).

JPEG XL ist ein lizenzfreies Rasterbildformat, das als ISO/IEC 18181 standardisiert ist. Es unterstützt verlustbehaftete und verlustfreie Komprimierung, progressives Decodieren, große Farbräume, High Dynamic Range (HDR), hohe Bittiefen, Transparenz und Animation sowie verlustfreie Transcodierung vorhandener JPEG-Dateien. In Firefox 158 wird außerdem der Standard-HTTP-Accept-Header für Bildanfragen aktualisiert, um image/jxl einzuschließen.

Weitere Informationen finden Sie unter Shipping JPEG XL in Chrome.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

Typisierte CSS-Arithmetik wird Teil von Baseline

Firefox 158 unterstützt jetzt typisierte CSS-Arithmetik in mathematischen Funktionen wie calc().

Mit der typisierten CSS-Arithmetik können Sie zwei Werte desselben Datentyps dividieren, auch wenn sie unterschiedliche Einheiten verwenden, um einen einheitenlosen <number>-Quotienten zu erhalten. Sie können dieses einheitenlose Ergebnis direkt in Properties verwenden, die Zahlen akzeptieren (z. B. opacity oder line-height), oder es mit einer anderen Einheit multiplizieren, um zwischen Typen zu konvertieren:

Mit Firefox 158, der die bestehende Unterstützung in Chrome und Safari ergänzt, ist die typisierte CSS-Arithmetik jetzt Baseline Newly available.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

In Firefox 158 wird die Property PerformanceResourceTiming.deliveryType unterstützt.

Dieses Attribut gibt an, wie eine Ressource bereitgestellt wurde. Beispielsweise wird "cache" zurückgegeben, wenn eine Ressource aus dem Cache bereitgestellt wurde.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

Die CSS-Funktion random()

In Chrome 156 wird die Unterstützung für die CSS-Funktion random() hinzugefügt.

Die Funktion random() generiert einen zufälligen numerischen Wert innerhalb eines angegebenen Mindest- und Höchstbereichs mit einem optionalen Schrittintervall. Standardmäßig wird jeder random()-Aufruf in einen eindeutigen Zufallswert aufgelöst. Sie können aber auch einen <random-key> als erstes Argument übergeben, um einen Zufallswert für mehrere Attribute oder Elemente zu verwenden:

Beispiele finden Sie im Artikel Embracing playful imperfection with the CSS random() function im Smashing Magazine.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

Die CSS-Eigenschaft margin-trim

In Chrome 155 wird die Unterstützung für die CSS-Property margin-trim für Blockcontainer und mehrspaltige Container hinzugefügt.

Sie können margin-trim für einen Container verwenden, um die Ränder seiner untergeordneten Elemente an den Stellen wegzulassen, an denen sie auf die Ränder des Containers treffen. So vermeiden Sie zusätzlichen Abstand vor dem ersten untergeordneten Element oder nach dem letzten untergeordneten Element, ohne dass :first-child- oder :last-child-Überschreibungen erforderlich sind.

Weitere Informationen finden Sie unter Start- und Endränder mit der Property margin-trim entfernen.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

Inline-Zählerstile mit der CSS-Funktion symbols()

Mit Chrome 155 wird die Unterstützung für die CSS-Funktion symbols() eingeführt.

Mit der Funktion symbols() können Sie einen anonymen Zählerstil direkt in list-style-type, der Kurzschreibweise list-style, counter() oder counters() definieren, ohne eine separate benannte @counter-style-At-Regel zu deklarieren.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

Die CSS-Eigenschaft text-decoration-skip-spaces

In Chrome 155 wird die CSS-Property text-decoration-skip-spaces hinzugefügt. Damit wird gesteuert, ob Textdekorationslinien wie Unterstreichungen, Überstreichungen und Durchstreichungen Leerzeichen überspringen. So können Sie verhindern, dass Dekorationen unter führenden, nachgestellten oder Leerzeichen zwischen Wörtern gezeichnet werden.

Browser Support

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

Die CSS-Pseudoklasse :navigation-source

In Chrome 156 wird die CSS-Pseudoklasse :navigation-source eingeführt. Es entspricht dem Link, der Schaltfläche oder dem Formularelement, das eine Navigation initiiert hat, und sorgt dafür, dass dieses Element während der Navigation ausgewählt bleibt.

Browser Support

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

Importe von JavaScript-Textmodulen und Wiederholung fehlgeschlagener Modulladevorgänge

In Chrome 155 wird die Unterstützung für Textmodulimporte mit import ... with { type: "text" } hinzugefügt, wie es bereits in Firefox der Fall ist. Mit dem Importattribut type: "text" wird der Inhalt des Zielmoduls als JavaScript-String geladen.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

In Chrome 156 wird auch das Verhalten beim Laden von Modulen aktualisiert, sodass fehlgeschlagene Modulladevorgänge nicht mehr dauerhaft im Cache gespeichert werden. Anwendungen können jetzt fehlgeschlagene Modulladevorgänge wiederholen, z. B. durch erneutes Aufrufen von import() nach einem vorübergehenden Netzwerkausfall.

WebTransport-Updates in Chrome und Firefox

Firefox 158 und Chrome 156 erweitern beide WebTransport:

In Firefox 158 wird die Methode WebTransport.getStats() zum Abrufen von Verbindungs- und Datagrammstatistiken hinzugefügt. Außerdem wird die statische Property WebTransport.supportsReliableOnly hinzugefügt, die angibt, ob der Browser WebTransport-Sitzungen über ausschließlich zuverlässige Übertragungen unterstützt.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

In Chrome 156 wird die Unterstützung für die Übergabe benutzerdefinierter HTTP-Anfrageheader in WebTransportOptions während des ersten CONNECT-Handshakes und das Lesen von Serverantwortheadern aus der WebTransport-Instanz hinzugefügt.

Die Option Notification navigate in Firefox

Firefox 158 unterstützt jetzt die Option navigate im Notification()-Konstruktor und in ServiceWorkerRegistration.showNotification() sowie die Property Notification.navigate, die auch in Safari unterstützt wird. Mit dieser Option wird eine URL angegeben, die der Browser aufruft, wenn der Nutzer auf die Systembenachrichtigung klickt.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Updates der HTML Sanitizer API in Firefox

In Firefox 158 werden die Konfigurationsoption javascriptURLs und Sanitizer.setJavascriptURLs() zur HTML Sanitizer API hinzugefügt. Damit wird gesteuert, ob Attribute, die javascript:-URLs enthalten, entfernt werden, wenn unsichere HTML-Einfügemethoden wie Element.setHTMLUnsafe() verwendet werden.

Browser Support

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

In Firefox 159 werden auch sichere Bereinigungsmethoden wie Element.setHTML() aktualisiert, um unerwünschte Elemente und Attribute während des Parsens und nicht erst nach dem Erstellen des DOM-Baums zu entfernen. So wird sichergestellt, dass benachbarter Text in einem einzelnen Textknoten bleibt.

flow-tolerance wird in Safari in fit-tolerance umbenannt

In Safari 27.2 wird das Attribut flow-tolerance für das Grid-Lanes-Layout (display: grid-lanes) in fit-tolerance umbenannt. flow-tolerance wird als verworfener Alias beibehalten.

Browser Support

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

Beta-Browserversionen

Betaversionen des Browsers bieten eine Vorschau auf die Funktionen der nächsten stabilen Version des Browsers. Das ist eine gute Gelegenheit, neue Funktionen oder Entfernungen zu testen, die sich auf deine Website auswirken könnten, bevor die Version veröffentlicht wird. Neue Betas in diesem Monat sind Chrome 157, Chrome 158 und Firefox 160.

Die Betaversion von Chrome 157 enthält die CSS-Kurzschreibweise corner und die Kurzschreibweisen für die Ränder, um border-radius und corner-shape zusammen, text-decoration-inset, text-overflow: <string>, position-visibility: anchor-valid und anchor-visible festzulegen. Außerdem wird das HTML-in-Canvas-Rendering unterstützt und es gibt ein Nur-Symbol-Attribut displaymode für die Funktionselemente <camera>, <microphone> und <geolocation>.

In der Betaversion von Chrome 158 werden das deklarative HTML-Element <install> und die Web Install API (navigator.install()) für die ursprungsübergreifende Installation von Web-Apps eingeführt. Zu den CSS- und SVG-Ergänzungen gehören der universelle benutzerdefinierte Highlight-Selektor ::highlight(*), Pseudoklassen für den Status von Medienelementen (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), die Ausrichtungsschlüsselwörter flow-start und flow-end sowie die Radien closest-corner und farthest-corner für die Grundformen circle() und ellipse().

In der Firefox 160 Beta wird die WebExtensions API runtime.PlatformInfo aktualisiert, sodass auf ARM64-Plattformen arch als arm64 statt als aarch64 zurückgegeben wird. Dies entspricht dem Verhalten in Chrome.