Timeline named range scroll: Funktion hilft Ihnen, die Anforderungen an die Barrierefreiheit zu erfüllen.

Chrom 147
Stabiles Veröffentlichungsdatum: 7. April 2026

CSS und UI
Element-übergreifende Ansichtsübergänge
Stellt element.startViewTransition() für beliebige HTML-Elemente zur Verfügung. Das Element legt einen Geltungsbereich für den Übergang fest, was bedeutet, dass die Pseudo-Elemente des Übergangs von Vorgänger-Clips und Transformationen betroffen sind und mehrere Übergänge auf separaten Elementen gleichzeitig laufen können.

CSS contrast-color()
Diese Funktion hilft Ihnen, die Kontrastanforderungen für die Barrierefreiheit zu erfüllen.
Sie können die Funktion contrast-color() überall in CSS verwenden, wo ein Farbwert erwartet wird. Sie nimmt ein Farbwertargument entgegen und gibt entweder "schwarz" oder "weiß" zurück, je nachdem, was den höchsten Kontrast zum Farbargument bietet.

Benannter Zeitleistenbereich scrollen
Diese Funktion erweitert die Menge der benannten Bereiche für die Ansicht von Zeitleisten durch Hinzufügen eines Bildlaufbereichs zu den bestehenden Bereichen "Eingang", "Ausgang", "Cover" und "Inhalt".

CSS border-shape-Eigenschaft
Mit der CSS-Eigenschaft border-shape können Sie nicht-rechteckige Rahmen mit einer beliebigen Form erstellen, z. B. einem Polygon, Kreis oder shape().

Obwohl border-shape die gleichen Formen wie clip-path akzeptiert, unterscheidet es sich grundlegend. border-shape definiert die Form des Rahmens, dekoriert ihn und beschneidet nur das Innere.

border-shape hat zwei Varianten: eine, die eine Form streicht und eine andere, die zwischen zwei Formen füllt.

CSSPseudoElement-Schnittstelle
**Die CSSPseudoElement-Schnittstelle stellt ein Pseudo-Element in JavaScript dar.

CSSPseudoElement wird von Element.pseudo(type) zurückgegeben, wobei type derzeit ::after, ::before oder ::marker ist. CSSPseudoElement ist ein Proxy-Objekt, das ein Pseudo-Element darstellt. Im Gegensatz zu einem Pseudo-Element ist ein CSSPseudoElement immer vorhanden.

Das CSSPseudoElement hat die folgenden Attribute und Methoden:

Das type-Attribut ist eine Zeichenkette, die den Typ des Pseudo-Elements darstellt.
Das element-Attribut ist das eigentliche Ursprungselement des Pseudo-Elements.
Das parent-Attribut ist das ursprüngliche Element des Pseudo-Elements (entweder Element oder CSSPseudoElement für verschachtelte Pseudo-Elemente).
Die Methode pseudo(type) ruft verschachtelte Pseudo-Elemente ab.

Pseudo-Ziel bei Ereignissen
Bestimmte Ereignisse enthalten jetzt ein .pseudoTarget, das entweder CSSPseudoElement (wenn die Interaktion mit einem Pseudo-Element erfolgte) oder null ist.

Dies liefert genauere Informationen über den Ursprung des Ereignisses. Es zeigt zum Beispiel an, dass ein ::after-Pseudoelement angeklickt wurde und nicht nur das eigentliche Ursprungselement (Event.target). Beachten Sie, dass Event.target unverändert bleibt, so dass das Ereignis nur zusätzliche Informationen über die Interaktion mit einem Pseudoelement enthält.

Die Ereignisse sind UIEvent, AnimationEvent und TransitionEvent.

mouseover, mouseout, mouseenter, mouseleave und ihre Zeiger*-Gegenstücke werden noch nicht unterstützt.

Entkopplung der Eigenschaften -width und -style
Chrome 147 passt sich den aktualisierten CSS-Spezifikationen für das Verhalten der Eigenschaften border-width, outline-width und column-rule-width an. Wenn zuvor der entsprechende border-style, outline-style oder column-rule-style auf none oder hidden gesetzt war, wurde die berechnete Breite dieser Eigenschaften unabhängig vom angegebenen Wert auf 0px erzwungen.

Mit dieser Änderung spiegeln die berechneten Werte von border-width, outline-width und column-rule-width immer die vom Autor angegebenen Werte wider, unabhängig von der Eigenschaft *-style. Außerdem spiegeln die aufgelösten Werte (die von getComputedStyle() zurückgegeben werden) für outline-width und column-rule-width ebenfalls die angegebenen Werte wider.

Mit dieser Änderung gleicht sich Chrome an Firefox und WebKit an, die dieses Verhalten bereits implementiert haben.

Unterstützung des Pfad-Attributs im SVG <textpath>-Element
Diese Änderung fügt Unterstützung für das Pfad-Attribut auf dem SVG <textpath>-Element hinzu. Dies ermöglicht es Entwicklern, die Textpfadgeometrie inline mit SVG-Pfaddaten zu definieren und reduziert den Bedarf an separat definierten <path>-Elementen.

Das <textpath>-Element löst seine Textpfadgeometrie anhand der folgenden Regeln auf:

• Wenn sowohl path als auch href vorhanden sind, wird die Geometrie aus dem path-Attribut aufgelöst.
• Wenn nur das path-Attribut vorhanden ist und erfolgreich geparst wird, wird die Inline-Pfaddefinition verwendet.
• Wenn das path-Attribut nicht vorhanden ist oder nicht analysiert werden kann und ein href-Attribut vorhanden ist, wird das referenzierte <path>-Element als Fallback verwendet.
• Vorhandenes href-Verhalten wird ohne Änderung beibehalten.
  Diese Implementierung folgt der Definition des path-Attributs auf <textpath> in der SVG 2-Spezifikation. Das Auflösungsverhalten ist konsistent mit anderen Browser-Engines, was die Interoperabilität und die Einhaltung von Standards verbessert. Anmerkung: Wenn sowohl path als auch href angegeben werden, hat path nun gemäß der SVG 2-Spezifikation Vorrang.

Gerät
WebXR-Ebenen-Erkennung
Mit der WebXR Plane Detection API können Websites den Satz von Ebenen abrufen, die in der Umgebung des Benutzers erkannt wurden. Dies bedeutet weniger Arbeit für Entwickler und ist leistungsfähiger als die WebXR-Funktion zur Tiefenerkennung. Beispielsweise können Ebenen wie Wände, die von Objekten verdeckt werden, dennoch vollständig dargestellt werden, wenn dem System die Grenzen der Wand bekannt sind. Eine Tiefenkarte würde die Wand zeigen, aber Objekte vor der Wand würden sie unterbrechen, so dass der volle Umfang der Wand möglicherweise nicht mehr erkennbar wäre. Darüber hinaus werden semantische Beschriftungsinformationen sichtbar, wenn das Gerät solche Beschriftungen kennt und sie in vordefinierte Kategorien passen, was ein besseres Wissen über die Welt ermöglicht.

DOM
JSON- und Style-Unterstützung für Link rel=modulepreload
Fügt Unterstützung für JSON- und Style-Modultypen als <link rel="modulepreload"></link> Ziele hinzu. <link rel="modulepreload"></link> wird bereits in Chromium unterstützt (siehe Chromestatus-Feature), aber es unterstützt derzeit nur das Vorladen von skriptähnlichen Modul-Skripten. Diese Funktion schließt eine Funktionslücke, da JSON- und CSS-Modulskripte in Chromium an anderer Stelle unterstützt werden, aber nicht als <link rel="modulepreload"></link>-Ziele. Sie können Style-Module mit <link as="style" href="..." rel="modulepreload"></link> und JSON-Module mit <link as="json" href="..." rel="modulepreload"></link> vorladen.

XML-Parsing in Rust für nicht XSLT-Szenarien
Implementiert den Rust XML-Parser für Szenarien, in denen keine XSLT-Verarbeitung erforderlich ist.

Der Rust-XML-Parser verbessert die Sicherheit durch die Beseitigung von Fehlern bei der Speicherbeschädigung beim XML-Parsing. Er ersetzt die Verwendung von libxml2 (in C geschrieben) durch eine sichere Alternative.

Wir sind dabei, XSLT zu verwerfen. Während dieser Prozess andauert, können Sie bereits sicheres Rust XML-Parsing in Szenarien verwenden, in denen XSLT nicht erforderlich ist.

Grafiken
WebXR-Ebenen
WebXR Layers bietet eine effizientere Methode zum Zeichnen von immersiven Inhalten.
Neben der Unterstützung nativer Farb- und Tiefentexturen und Textur-Arrays bietet es auch Unterstützung für verschiedene Ebenentypen, die der System-Compositor (im Gegensatz zu JavaScript) verwaltet.

JavaScript
Math.sumPrecise
Implementiert einen TC39-Vorschlag zur Hinzufügung einer Methode zur Addition mehrerer Werte in JavaScript.

Fügen Sie eine Math.sumPrecise-Methode hinzu, die die Summe der Werte in der Iterable mit einem präziseren Algorithmus als der naiven Summierung zurückgibt.

Netzwerk / Konnektivität
Attribut Request.isReloadNavigation
Fügt das schreibgeschützte boolesche Attribut isReloadNavigation zur Request-Schnittstelle der Fetch-API hinzu. Dieses Attribut zeigt an, ob die aktuelle Navigationsanforderung als benutzerausgelöster Reload initiiert wurde (z. B. über die Schaltfläche Aktualisieren, location.reload() oder history.go(0)). Dieses Signal wird hauptsächlich auf dem Request-Objekt innerhalb des FetchEvents eines Service Workers angezeigt.

Leistung
Gerätespeicher-API-Grenzwerte aktualisieren
Aktualisierung auf einen neuen Satz von möglichen Werten für die Gerätespeicher-API:

• Android: 1, 2, 4, 8
• Andere: 2, 4, 8, 16, 32 Diese Werte ersetzen die alten Werte von 0,25, 0,5, 1, 2, 4 und 8, die nicht mehr zeitgemäß sind.
  Dadurch wird das Risiko von Fingerabdrücken am unteren Ende der Skala verringert, da sich die Fähigkeiten der Geräte seit der Festlegung dieser Werte verbessert haben. Außerdem ermöglicht es eine bessere Nutzung und Segmentierung von High-End-Geräten, wie von den Entwicklern gewünscht. Weitere Informationen finden Sie unter Gerätespeicherproblem.

Lokaler Netzwerkzugang (LNA)
Weitere Informationen über LNA finden Sie unter Lokaler Netzwerkzugang.

Beschränkungen des lokalen Netzwerkzugriffs für den Dienst worker WindowClient.navigate()
Beschränkungen des lokalen Netzwerkzugriffs (LNA) wurden kürzlich hinzugefügt, um zu verhindern, dass Websites einseitig Anfragen an lokale Netzwerke und lokale Geräte stellen. Diese Einschränkungen wurden für vom Service Worker initiierte Abrufanfragen hinzugefügt, nicht aber für Navigationen, die Service Worker über WindowClient.navigate() durchführen.

Mit dieser Einführung wird diese Lücke geschlossen, indem LNA-Beschränkungen zu WindowClient.navigate()-Aufrufen hinzugefügt werden. Es verwendet den WindowClient als Initiator der Navigation, um festzustellen, ob die Navigation eine LNA-Anforderung ist.

Dies gilt nur, wenn der WindowClient, in dem navigiert wird, ein Subframe ist. Chrome erzwingt derzeit keine LNA-Beschränkungen für Navigationen in Hauptrahmen.

Lokale Netzwerkzugangsbeschränkungen für WebTransport
Schränkt die Möglichkeit ein, Anfragen an das lokale Netzwerk des Benutzers mit WebTransport zu stellen, das hinter einer Berechtigungsabfrage gesperrt ist.

Eine lokale Netzwerkanforderung ist jede Anforderung von einer öffentlichen Website an eine lokale IP-Adresse oder Loopback oder von einer lokalen Website (z. B. einem Intranet) an Loopback. Durch die Einschränkung der Möglichkeit von Websites, diese Anfragen hinter einer Berechtigung auszuführen, wird die Möglichkeit von Websites verringert, diese Anfragen zu verwenden, um das lokale Netzwerk des Benutzers zu identifizieren.

Diese Berechtigung ist auf sichere Kontexte beschränkt.

Einschränkungen des lokalen Netzwerkzugangs für WebSockets
Die Beschränkungen des lokalen Netzwerkzugriffs (LNA) werden auf WebSockets ausgeweitet. WebSockets-Verbindungen zu lokalen Adressen lösen jetzt Berechtigungsabfragen aus.

Alle aktuellen LNA-Unternehmensrichtlinien gelten weiterhin für die LNA-WebSockets-Einschränkungen (LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls und LocalNetworkAccessRestrictionsTemporaryOptOut).

Isolierte Webanwendungen (IWA)
Web Printing API
Diese API ermöglicht eine tiefere Integration mit druckerbezogenen Funktionen in Isolated Web Apps.

Diese API zielt nur auf Isolated Web Apps ab und folgt dem Prozess für Isolated Web Apps.

Diese API bietet eine Reihe von JavaScript-Methoden, mit denen Entwickler lokale Drucker abfragen, Druckaufträge an die am besten geeigneten Drucker übermitteln und Druckauftragsoptionen und -status verwalten können. Zur Darstellung dieser Konzepte stützt sie sich auf Attributnamen und Semantik aus den Spezifikationen des Internet Printing Protocol (IPP).

Herkunftsprüfungen
Vorhersage von herkunftsübergreifenden iframes
Prerender von herkunftsübergreifenden Iframes unter Verwendung eines Opt-in-Response-Headers.

Browser leiten jetzt alle herkunftsübergreifenden Frames vor, wenn die HTTP-Antwort des Top-Level-Frames Supports-Loading-Mode: prerender-cross-origin-frames enthält.

Autofill-Ereignis
Autofill ist eine wichtige Webfunktion, die täglich Millionen von Nutzern die Arbeit erleichtert. Damit das automatische Ausfüllen mit dynamischen Formularen über mehrere Implementierungen hinweg zuverlässig funktioniert, ist jedoch ein erheblicher Aufwand erforderlich.

Diese Funktion fügt ein Autofill-Ereignis hinzu, mit dem Entwickler ihre Formulare an die automatisch ausgefüllten Daten anpassen und den Browser benachrichtigen können, wenn sie dies getan haben.

WebNN
WebNN ermöglicht es Webanwendungen und -frameworks, die Vorteile nativer Betriebssystemdienste für maschinelles Lernen und die zugrundeliegenden Hardwarefunktionen auf dem Computer des Benutzers zu nutzen. Dies hilft bei der Implementierung konsistenter, effizienter und zuverlässiger ML-Erfahrungen im Web.

Abwertungen und Entfernungen
Entfernen von Inline XSLT zur Erzeugung von SVG
Eine speziell präparierte XML-Datei kann ein XSL-Stylesheet enthalten, das allgemeine XML-Daten in eine SVG-Datei umwandelt.

Siehe zum Beispiel gist.github.com.

Dies ist ein spezieller Fall von XSLT-Verarbeitung, der laut den kürzlich eingeführten Zählern XSLPIInSVGImage (UseCounter ID 5777) und XSLPIInSVGStandaloneDoc (UseCounter ID 5778) im Web praktisch nicht vorkommt. Wir wollen sie verwerfen und entfernen, bevor wir XSLT vollständig auslaufen lassen.

Dies geschieht zeitgleich mit den experimentellen Tests des Rust-basierten XML-Parsers. Dies wird nicht sofort zu 100 % in Chrome 147 bereitgestellt.