Chrome 147 Beta

Rachel Andrew

Veröffentlicht am 11. März 2026

Sofern nicht anders angegeben, beziehen sich die folgenden Änderungen auf die aktuelle Chrome-Betaversion für Android, ChromeOS, Linux, macOS und Windows. Weitere Informationen zu diesen Funktionen finden Sie unter den angegebenen Links oder auf ChromeStatus.com. Sie können die aktuelle Betaversion für den Desktop unter Google.com oder für Android im Google Play Store herunterladen.

Benannter Bereich für Zeitachse scroll

Mit dieser Funktion wird die Menge der benannten Bereiche von ViewTimelines um den Bereich scroll erweitert.

Mit der Scroll-Driven Animations API wurde ViewTimelines zusammen mit benannten Bereichen eingeführt, die sich auf Teile eines ViewTimeline beziehen, die den Bereich einer Animation definieren.

Alle angegebenen benannten Bereiche waren jedoch auf den Teil des ViewTimeline beschränkt, in dem das Motiv sichtbar ist. Es ist für Autoren nützlich, sich auf den gesamten Umfang des Scrollcontainers zu beziehen, der der Zeitachse zugrunde liegt. Mit dieser Funktion wird dem vorhandenen Satz (entry, exit, cover, contain) ein benannter Bereich von scroll hinzugefügt.

Preisvergleichsportal contrast-color()

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

Die Funktion contrast-color() kann überall in CSS verwendet werden, wo ein Farbwert erwartet wird. Die Funktion verwendet ein Farbwertargument und gibt entweder black oder white zurück, je nachdem, welche Farbe den höchsten Kontrast zum Farbargument bietet.

Preisvergleichsportal border-shape

Mit CSS border-shape können Sie nicht rechteckige Rahmen mit beliebiger Form erstellen, z. B. polygon, circle oder shape().

border-shape akzeptiert zwar dieselben Formen wie clip-path, ist aber grundsätzlich anders: border-shape definiert die Form des Rahmens, dekoriert ihn und schneidet nur das Innere zu.

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

Ansichtsü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 Übergangs-Pseudoelemente von übergeordneten Clips und Transformationen betroffen sind und mehrere Übergänge für separate Elemente gleichzeitig ausgeführt werden können.

CSS-Update: Entkopplung der Properties width und style

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

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 die Änderung wird Chrome an Firefox und WebKit angepasst, in denen dieses Verhalten bereits implementiert ist.

CSSPseudoElement-Schnittstelle

Die CSSPseudoElement-Schnittstelle stellt ein Pseudoelement in JavaScript dar.

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

CSSPseudoElement hat die folgenden Attribute/Methoden:

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

Pseudoziel für Ereignisse

Bestimmte Ereignisse werden um .pseudoTarget erweitert, die entweder CSSPseudoElement (wenn die Interaktion mit einem Pseudoelement erfolgt ist) oder null ist.

So erhalten Sie genauere Informationen zum Ursprung des Ereignisses, z. B. dass nicht nur auf ein ultimatives Ursprungselement (Event.target), sondern genauer auf ::after geklickt wurde. Der Event.target ist unverändert. Das Ereignis enthält also nur zusätzliche Informationen zur Interaktion mit Pseudo-Elementen.

Die Ereignisse sind UIEvent, AnimationEvent und TransitionEvent.

Die Attribute mouseover, mouseout, mouseenter, mouseleave und ihre pointer*-Entsprechungen werden nicht unterstützt.

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 sowohl weniger Aufwand für Entwickler als auch leistungsfähiger als die Verwendung der WebXR-Tiefenerkennungsfunktion, da Ebenen wie Wände, die Objekte verdecken, weiterhin vollständig dargestellt werden können, wenn das System die Grenzen der Wand kennt. Auf einer Tiefenkarte wäre die Wand zu sehen, aber Objekte vor der Wand würden sie unterbrechen und möglicherweise den gesamten Umfang der Wand verdecken. Außerdem sind Informationen zur semantischen Kennzeichnung verfügbar, wenn das Gerät solche Labels kennt und sie in vordefinierte Kategorien passen. So kann es die Welt besser erfassen.

WebXR-Ebenen

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

Neben der Unterstützung für native Farb- und Tiefentexturen sowie Textur-Arrays werden auch verschiedene Ebenentypen unterstützt, die vom System-Compositor und nicht von JavaScript verwaltet werden.

XML-Parsing in Rust für Nicht-XSLT-Szenarien

Wir liefern den Rust-XML-Parser für Szenarien aus, in denen wir sicher sind, dass keine XSLT-Verarbeitung erforderlich ist.

Der Rust-XML-Parser verbessert die Sicherheit, da er Speicherbeschädigungsfehler beim XML-Parsing eliminiert. Er soll unsere Verwendung von libxml2 (in C geschrieben) durch eine sichere Alternative ersetzen.

XSLT wird in Chrome eingestellt. Während dieser Prozess läuft, können Sie bereits sicheres Rust-XML-Parsing in Szenarien verwenden, in denen kein XSLT erforderlich ist:

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 https://chromestatus.com/feature/5762805915451392), aber es werden nur Script-ähnliche Modul-Scripts unterstützt. Diese Funktion schließt eine Lücke, da JSON- und CSS-Modulskripts an anderer Stelle in Chromium unterstützt werden, aber nicht als <link rel="modulepreload">-Ziele. Style-Module können mit <link rel="modulepreload" as="style" href="..."> vorab geladen werden und JSON-Module mit <link rel="modulepreload" as="json" href="...">.

Math.sumPrecise

Ein TC39-Vorschlag zum Hinzufügen einer Methode zum Summieren mehrerer Werte zu 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.

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

Durch diese Änderung wird die Unterstützung für das Attribut path im SVG-Element <textPath> hinzugefügt. So können Autoren die Geometrie des Textpfads inline mit SVG-Pfaddaten definieren und die Notwendigkeit von separat definierten <path>-Elementen wird reduziert.

<textPath> löst die Geometrie des Textpfads 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, wodurch die Interoperabilität und die Einhaltung von Standards verbessert werden.

Funktionen für die Bestätigung sicherer Zahlungen erhalten

Fügt der Zahlungsanfrage eine neue statische Methode hinzu, mit der Webentwickler die Funktionen der Browserimplementierung der sicheren Zahlungsbestätigung abrufen können.

So können Webentwickler sehen, welche Funktionen für die sichere Zahlungsbestätigung verfügbar sind, und entscheiden, ob sie die sichere Zahlungsbestätigung mit diesen Funktionen verwenden möchten.

Grenzwerte für die Device Memory API aktualisieren

Aktualisierung auf eine neue Reihe möglicher Werte für die Device Memory API:

• Android: 1, 2, 4, 8
• Andere: 2, 4, 8, 16, 32.

Die alten Werte 0,25, 0,5, 1, 2, 4 und 8 werden ersetzt.

Dadurch werden die Risiken für Fingerprinting am unteren Ende verringert, da sich die Gerätefunktionen seit der Festlegung dieser Werte verbessert haben.

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

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

Mit dieser Einführung wird diese Lücke geschlossen, indem WindowClient.navigate()-Aufrufen LNA-Einschränkungen 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. Chrome erzwingt keine LNA-Einschränkungen für Navigationen im Hauptframe.

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 LNA-Unternehmensrichtlinien gelten weiterhin für die LNA-WebSockets-Einschränkungen, einschließlich LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls und LocalNetworkAccessRestrictionsTemporaryOptOut.

Weitere Informationen zu LNA findest du unter Zugriff auf das lokale Netzwerk.

Einschränkungen für den Zugriff auf das lokale Netzwerk für WebTransport

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

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. 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.

Nur IWA: Web Printing API

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

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

Neue Ursprungstests

In Chrome 147 können Sie die folgenden neuen Ursprungstests aktivieren.

Container-Timing

Mit der Container Timing API können Sie überwachen, wann annotierte Abschnitte des DOM auf dem Bildschirm angezeigt werden und wann das erste Rendern abgeschlossen ist. Entwickler können Unterabschnitte des DOM mit dem Attribut containertiming markieren (ähnlich wie elementtiming für die Element Timing API) und Leistungseinträge erhalten, wenn dieser Abschnitt zum ersten Mal gerendert wurde. Mit dieser API können Entwickler die Zeitmessung verschiedener Komponenten auf ihren Seiten vornehmen.

Autofill-Ereignis

Autofill ist eine wichtige Funktion des Webs, die täglich für Millionen von Nutzern die Nutzung erleichtert. Es kann jedoch komplex sein, die automatische Vervollständigung in dynamischen Formularen in verschiedenen Implementierungen zuverlässig zu nutzen.

Mit dieser Funktion wird das Ereignis autofill hinzugefügt, das ausgelöst wird, wenn der Browser ein Formularfeld automatisch ausfüllen möchte. So können Entwickler ihre Formulare an die automatisch ausgefüllten Daten anpassen und dem Browser mitteilen, wenn sie dies getan haben.

HTML-Installationselement für Web-Apps

Ermöglicht es einer Website, Nutzer deklarativ aufzufordern, eine Web-App zu installieren. Das Element akzeptiert optional zwei Attribute, die die Installation von Inhalten aus einem anderen Ursprung ermöglichen.

Zulassungslisten für Verbindungen

Mit der Funktion „Zulassungslisten für Verbindungen“ können Sie externe Endpunkte explizit steuern, indem Sie Verbindungen einschränken, die über die Fetch API oder andere Webplattform-APIs aus einem Dokument oder Worker initiiert werden.

Die vorgeschlagene Implementierung beinhaltet die Verteilung einer Liste autorisierter Endpunkte vom Server über einen HTTP-Antwortheader. Bevor der User-Agent im Namen einer Seite eine Verbindung herstellt, wird das Ziel anhand dieser Zulassungsliste geprüft. Verbindungen zu bestätigten Endpunkten sind zulässig, während Verbindungen, die nicht mit den Einträgen in der Liste übereinstimmen, blockiert werden.

Einstellung und Entfernung

In dieser Version von Chrome werden die folgenden Einstellungen eingeführt und entfernt. Auf ChromeStatus.com finden Sie Listen mit geplanten, aktuellen und früheren Entfernungen.

In dieser Version von Chrome werden X Funktionen eingestellt.

Inline-XSLT für die SVG-Erstellung entfernen

Wir beginnen, Inline-XSLT für die Erstellung von SVG-Dateien auslaufen zu lassen. Die Bereitstellung erfolgt synchron mit experimentellen Tests des auf Rust basierenden XML-Parsers und wird nicht sofort zu 100% in der markierten Versandversion bereitgestellt.

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

Beispiel: https://gist.github.com/drott/1fc70b3c7f0ac314d1fe2e5beecc5490?short_path=1c60adf

Dies ist ein Sonderfall der XSLT-Verarbeitung, die laut Nutzungsmessungen von Chrome im Web so gut wie nicht vorkommt. Chrome plant, diese spezielle Verwendung von XSLT einzustellen und zu entfernen, bevor XSLT vollständig eingestellt wird.