Chrome 147

Datum der stabilen Version:7. April 2026

Sofern nicht anders angegeben, gelten die folgenden Änderungen für die stabile Version von Chrome 147 für Android, ChromeOS, Linux, macOS und Windows.

Nur die Highlights ansehen? Neues in Chrome 147

CSS und Benutzeroberfläche

View-Übergänge mit Elementbereich

Macht element.startViewTransition() für beliebige HTML-Elemente verfügbar. Das Element legt einen Bereich für den Übergang fest. Das bedeutet, dass die Pseudo-Elemente des Übergangs von übergeordneten Clips und Transformationen betroffen sind und mehrere Übergänge für separate Elemente gleichzeitig ausgeführt werden können.

Tracking bug #394052227 | ChromeStatus.com entry | Spec

Preisvergleichsportal contrast-color()

Mit dieser Funktion können Sie die Kontrastanforderungen für Barrierefreiheit erfüllen.

Sie können die Funktion contrast-color() überall in CSS verwenden, wo ein Farbwert erwartet wird. Es wird ein Farbwertargument verwendet und je nachdem, welche Farbe den höchsten Kontrast zum Farbargument bietet, wird entweder „black“ oder „white“ zurückgegeben.

Tracking-Fehler 40142548 | ChromeStatus.com-Eintrag | Spezifikation

Benannter Bereich für Zeitachse scroll

Mit diesem Feature wird die Gruppe der benannten Bereiche für Ansichtschroniken um den Bereich scroll erweitert. Die vorhandenen Bereiche sind entry, exit, cover und contain.

Tracking-Fehler #41483848 | ChromeStatus.com-Eintrag | Spezifikation

CSS-Property border-shape

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

border-shape akzeptiert zwar dieselben Formen wie clip-path, ist aber grundsätzlich anders. Mit border-shape wird die Form des Rahmens definiert, er wird dekoriert und nur das Innere wird abgeschnitten.

border-shape hat zwei Varianten: eine, die eine Form umrandet, und eine, die den Bereich zwischen zwei Formen ausfüllt.

Tracking-Fehler 370041145 | ChromeStatus.com-Eintrag | Spezifikation

CSSPseudoElement-Schnittstelle

Die CSSPseudoElement-Schnittstelle stellt ein Pseudoelement 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 Pseudoelement darstellt. Im Gegensatz zu einem Pseudoelement ist ein CSSPseudoElement immer vorhanden.

Das CSSPseudoElement-Objekt hat die folgenden Attribute und Methoden:

• Das Attribut type ist ein String, der den Typ des Pseudoelements darstellt.
• Das Attribut element ist das endgültige Quellelement des Pseudoelements.
• Das Attribut parent ist das ursprüngliche Element des Pseudoelements (entweder Element oder CSSPseudoElement für verschachtelte Pseudoelemente).
• Die Methode pseudo(type) ruft verschachtelte Pseudoelemente ab.

Tracking-Fehler 40639103 | ChromeStatus.com-Eintrag | Spezifikation

Pseudoziel für Ereignisse

Bestimmte Ereignisse enthalten jetzt ein .pseudoTarget, das entweder CSSPseudoElement (wenn die Interaktion mit einem Pseudoelement erfolgte) oder null ist.

So erhalten Sie genauere Informationen zum Ursprung des Ereignisses. Das bedeutet beispielsweise, dass auf ein ::after-Pseudoelement geklickt wurde, nicht nur auf das ursprüngliche Element (Event.target). Beachten Sie, dass Event.target unverändert bleibt. Das Ereignis enthält also nur zusätzliche Informationen zur Interaktion mit dem Pseudoelement.

Die Ereignisse sind UIEvent, AnimationEvent und TransitionEvent.

mouseover, mouseout, mouseenter, mouseleave und die entsprechenden pointer*-Varianten werden noch nicht unterstützt.

Tracking-Fehler 40639103 | ChromeStatus.com-Eintrag | Spezifikation

*-width- und *-style-Properties entkoppeln

Chrome 147 entspricht den aktualisierten CSS-Spezifikationen für das Verhalten der Eigenschaften border-width, outline-width und column-rule-width. Bisher wurde die berechnete Breite der Properties border-style, outline-style oder column-rule-style auf 0px festgelegt, wenn sie auf none oder hidden gesetzt waren, unabhängig vom angegebenen Wert.

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 *-style-Eigenschaft. Außerdem spiegeln die aufgelösten Werte (wie von getComputedStyle() zurückgegeben) für outline-width und column-rule-width auch die angegebenen Werte wider.

Durch diese Änderung wird Chrome an Firefox und WebKit angepasst, in denen dieses Verhalten bereits implementiert ist.

Tracking bug #393631108 | ChromeStatus.com-Eintrag | Spezifikation

Unterstützung des Attributs path für das SVG-Element <textPath>

Durch diese Änderung wird das Attribut path für das SVG-Element <textPath> unterstützt. So können Entwickler die Textpfadgeometrie inline mit SVG-Pfaddaten definieren und die Notwendigkeit für separat definierte <path>-Elemente wird reduziert.

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

1. Wenn sowohl path als auch href vorhanden sind, wird die Geometrie aus dem Attribut path aufgelöst.
2. Wenn nur das Attribut path vorhanden ist und erfolgreich geparst wird, wird die Inline-Pfaddefinition verwendet.
3. Wenn das Attribut path fehlt oder nicht geparst werden kann und ein href-Attribut angegeben ist, wird das referenzierte <path>-Element als Fallback verwendet.
4. Das bisherige Verhalten von href bleibt unverändert.

Diese Implementierung folgt der Definition des Attributs path für <textPath> in der SVG 2-Spezifikation. Das Auflösungsverhalten entspricht dem anderer Browser-Engines, was die Interoperabilität und die Einhaltung von Standards verbessert. Hinweis: Wenn sowohl path als auch href für <textPath> angegeben sind, hat path gemäß der SVG2-Spezifikation Vorrang.

Tracking-Fehler 374010056 | ChromeStatus.com-Eintrag | Spezifikation

Gerät

WebXR-Ebenenerkennung

Mit der WebXR Plane Detection API können Websites die Menge der Ebenen abrufen, die in der Umgebung des Nutzers erkannt wurden. Das ist weniger Aufwand für Entwickler und leistungsfähiger als die Verwendung der WebXR-Funktion zur Tiefenerkennung. Beispielsweise können Ebenen wie Wände, die von Objekten verdeckt werden, weiterhin vollständig dargestellt werden, wenn das System die Grenzen der Wand kennt. Auf einer Tiefenkarte wäre die Wand zu sehen, aber Objekte davor würden sie unterbrechen und möglicherweise den gesamten Umfang der Wand verdecken. Außerdem werden Informationen zur semantischen Kennzeichnung bereitgestellt, wenn das Gerät solche Labels kennt und sie in vordefinierte Kategorien passen. So erhalten Sie mehr Informationen über die Welt.

Tracking bug #394636076 | ChromeStatus.com entry | Spec

DOM

Unterstützung von JSON und Stilen für link rel=modulepreload

Unterstützung für JSON- und Stilmodultypen als <link rel="modulepreload">-Ziele hinzugefügt. <link rel="modulepreload"> wird bereits in Chromium unterstützt (siehe Chromestatus-Funktion), aber derzeit werden nur das Vorladen von skriptähnlichen Modulskripts unterstützt. Diese Funktion schließt eine Lücke, da JSON- und CSS-Modulskripts in Chromium an anderer Stelle, aber nicht als <link rel="modulepreload">-Ziele unterstützt werden. Sie können Stilmodule mit <link rel="modulepreload" as="style" href="..."> und JSON-Module mit <link rel="modulepreload" as="json" href="..."> vorab laden.

Tracking-Fehler #466888680 | ChromeStatus.com-Eintrag | Spezifikation

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, da er Speicherbeschädigungsfehler beim XML-Parsing verhindert. Es ersetzt die Verwendung von libxml2 (in C geschrieben) durch eine sichere Alternative.

Wir stellen XSLT ein. Während dieser Prozess fortgesetzt wird, können Sie bereits sicheres Rust-XML-Parsing in Szenarien verwenden, in denen XSLT nicht erforderlich ist.

Tracking-Fehler #466303347 | ChromeStatus.com-Eintrag

Grafik

WebXR-Ebenen

WebXR Layers bietet eine effizientere Möglichkeit, immersive Inhalte zu rendern.

Neben der Unterstützung von nativen Farb- und Tiefentexturen und Texturarrays werden auch verschiedene Ebenentypen unterstützt, die vom System-Compositor (im Gegensatz zu JavaScript) verwaltet werden.

Tracking-Fehler 409255534 | ChromeStatus.com-Eintrag | Spezifikation

JavaScript

Math.sumPrecise

Implementiert einen TC39-Vorschlag zum Hinzufügen einer Methode zum Summieren mehrerer Werte in JavaScript.

Fügen Sie eine Math.sumPrecise-Methode hinzu, die ein Iterable akzeptiert und die Summe der Werte im Iterable mit einem genaueren Algorithmus als der naiven Summation zurückgibt.

Tracking-Fehler 374310075 | ChromeStatus.com-Eintrag | Spezifikation

Netzwerk / Verbindung

Request.isReloadNavigation Attribut

Fügt der Request-Schnittstelle der Fetch API das schreibgeschützte boolesche Attribut isReloadNavigation hinzu. Dieses Attribut gibt an, ob die aktuelle Navigationsanfrage als vom Nutzer ausgelöster Reload initiiert wurde (z. B. über die Schaltfläche Aktualisieren, location.reload() oder history.go(0)). Dieses Signal wird hauptsächlich für das Request-Objekt innerhalb des FetchEvent eines Service Workers bereitgestellt.

Tracking-Fehler 40487194 | ChromeStatus.com-Eintrag | Spezifikation

Leistung

Grenzwerte für die Device Memory API aktualisieren

Aktualisierungen einer neuen Reihe möglicher Werte für die Device Memory API:

• Android: 1, 2, 4, 8
• Andere: 2, 4, 8, 16, 32 – Diese Werte ersetzen die alten Werte 0,25, 0,5, 1, 2, 4 und 8, die nicht mehr aktuell sind.

Dadurch werden die Risiken für Fingerprinting am unteren Ende reduziert, da sich die Gerätefunktionen seit der Festlegung dieser Werte verbessert haben. Außerdem können High-End-Geräte besser genutzt und segmentiert werden, wie von Entwicklern gewünscht. Weitere Informationen finden Sie unter Probleme mit dem Gerätespeicher.

Tracking bug #454354290 | ChromeStatus.com entry | Spec

Zugriff auf lokales Netzwerk (Local Network Access, LNA)

Weitere Informationen zum Zugriff auf das lokale Netzwerk findest du unter Zugriff auf das lokale Netzwerk.

Einschränkungen für den Zugriff auf lokales Netzwerk für Service Worker WindowClient.navigate()

Vor Kurzem wurden Einschränkungen für den Zugriff auf lokale Netzwerke (Local Network Access, LNA) hinzugefügt, um zu verhindern, dass Websites einseitig Anfragen an lokale Netzwerke und lokale Geräte senden. Diese Einschränkungen wurden für Fetch-Anfragen hinzugefügt, die von Service Workern initiiert werden, nicht aber für Navigationsvorgänge, die von Service Workern über WindowClient.navigate() ausgeführt werden.

Mit dieser Einführung wird diese Lücke geschlossen, indem WindowClient.navigate()-Aufrufen Einschränkungen für die lokale Netzwerkadressierung hinzugefügt werden. Dabei wird WindowClient als Initiator der Navigation verwendet, um festzustellen, ob es sich um eine LNA-Anfrage handelt.

Dies gilt nur, wenn der WindowClient, zu dem navigiert wird, ein untergeordneter Frame ist. Derzeit werden in Chrome keine LNA-Einschränkungen für Hauptframe-Navigationen erzwungen.

ChromeStatus.com-Eintrag

Einschränkungen für den Zugriff auf lokales Netzwerk für WebTransport

Beschränkt die Möglichkeit, Anfragen an das lokale Netzwerk des Nutzers mit WebTransport zu senden. Diese Funktion ist durch eine Berechtigungsaufforderung geschützt.

Eine lokale Netzwerkanfrage ist eine Anfrage von einer öffentlichen Website an eine lokale IP-Adresse oder einen Loopback oder von einer lokalen Website (z. B. einem Intranet) an einen Loopback. Wenn Websites diese Anfragen nur mit einer Berechtigung ausführen können, wird die Möglichkeit von Websites eingeschränkt, diese Anfragen zu verwenden, um das lokale Netzwerk des Nutzers zu identifizieren.

Diese Berechtigung ist auf sichere Kontexte beschränkt.

Tracking-Fehler #421216834 | ChromeStatus.com-Eintrag | Spezifikation

Einschränkungen für den Zugriff auf lokales Netzwerk für WebSockets

Die Einschränkungen für den Zugriff auf das lokale Netzwerk (Local Network Access, LNA) werden auf WebSockets ausgeweitet. WebSockets-Verbindungen zu lokalen Adressen lösen jetzt Berechtigungsaufforderungen aus.

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

Tracking bug #421156866 | ChromeStatus.com entry | Spec

Isolierte Web-Apps (IWAs)

Web Printing API

Diese API ermöglicht eine tiefere Integration mit druckerbezogenen Funktionen in isolierten Web-Apps.

Diese API ist nur für isolierte Web-Apps vorgesehen und folgt dem Prozess für isolierte Web-Apps.

Diese API bietet eine Reihe von JavaScript-Methoden, mit denen Entwickler lokale Drucker abfragen, Druckaufträge an die am besten geeigneten Drucker senden und Druckauftragsoptionen und ‑status verwalten können. Zur Darstellung dieser Konzepte werden Attributnamen und Semantik aus den IPP-Spezifikationen (Internet Printing Protocol) verwendet.

Tracking-Fehler 302505962 | ChromeStatus.com-Eintrag | Spezifikation

Ursprungstests

Ursprungsübergreifende iFrames vorab rendern

Rendert quellenübergreifende iFrames mithilfe eines Opt-in-Antwortheaders vor.

Browser rendern jetzt alle ursprungsübergreifenden Frames vor, wenn die HTTP-Antwort des Frames der obersten Ebene Supports-Loading-Mode: prerender-cross-origin-frames enthält.

Origin Trial | Tracking bug #440387014 | ChromeStatus.com entry | Spec

Autofill-Ereignis

Autofill ist eine wichtige Webfunktion, die täglich Millionen von Nutzern die Arbeit erleichtert. Damit die automatische Vervollständigung in dynamischen Formularen in verschiedenen Implementierungen zuverlässig funktioniert, ist jedoch ein erheblicher Aufwand erforderlich.

Mit dieser Funktion wird das autofill-Ereignis hinzugefügt, mit dem Entwickler ihre Formulare an die automatisch ausgefüllten Daten anpassen und den Browser benachrichtigen können, wenn sie dies getan haben.

Origin Trial | Tracking-Fehler #466333215 | ChromeStatus.com-Eintrag | Spezifikation

WebNN

WebNN ermöglicht es Webanwendungen und Frameworks, native Betriebssystemdienste für maschinelles Lernen und die zugrunde liegenden Hardwarefunktionen auf dem Computer eines Nutzers zu nutzen. So können Sie konsistente, effiziente und zuverlässige ML-Funktionen im Web implementieren.

Origin Trial | Tracking bug #40206287 | ChromeStatus.com-Eintrag | Spezifikation

Einstellung und Entfernung

Inline-XSLT für die Erstellung von SVG entfernen

Eine speziell erstellte XML-Datei kann ein XSL-Stylesheet enthalten, das generische XML-Daten in eine SVG-Datei umwandelt.

Ein Beispiel finden Sie unter gist.github.com.

Dies ist ein Sonderfall der XSLT-Verarbeitung, der laut den kürzlich eingeführten Zählern für die Verwendung XSLPIInSVGImage (UseCounter-ID 5777) und XSLPIInSVGStandaloneDoc (UseCounter-ID 5778) im Web so gut wie nicht vorkommt. Wir möchten die Funktion einstellen und entfernen, bevor wir XSLT vollständig auslaufen lassen.

Die Einführung erfolgt synchron mit den experimentellen Tests des Rust-basierten XML-Parsers. Die Bereitstellung erfolgt nicht sofort für alle Nutzer von Chrome 147.

Tracking-Fehler #482223009 | ChromeStatus.com-Eintrag