Chrome 140 Beta

Rachel Andrew

Veröffentlicht am 6. August 2025

Sofern nicht anders angegeben, gelten die folgenden Änderungen für die neueste Chrome-Betaversion für Android, ChromeOS, Linux, macOS und Windows. Weitere Informationen zu den hier aufgeführten Funktionen finden Sie über die Links oder in der Liste auf ChromeStatus.com. Chrome 140 ist seit dem 6. August 2025 in der Betaversion verfügbar. Sie können die neueste Version auf der offiziellen Chrome-Website für Computer oder im Google Play Store auf Android-Geräten herunterladen.

CSS und UI

CSS-Typarithmetik

Mit der Typarithmetik können Sie Ausdrücke in CSS schreiben, z. B. calc(10em / 1px) oder calc(20% / 0.5em * 1px). Das ist beispielsweise in der Typografie nützlich, da Sie damit einen typisierten Wert in einen nicht typisierten Wert umwandeln und ihn für Eigenschaften wiederverwenden können, die Zahlen akzeptieren. Ein weiterer Anwendungsfall ist das Multiplizieren des einheitenlosen Werts mit einem anderen Typ. Sie können beispielsweise von Pixel in Grad umwandeln.

Die Eigenschaft scroll-target-group

Die Eigenschaft scroll-target-group gibt an, ob das Element ein Container für eine Scrollmarker-Gruppe ist. Sie akzeptiert einen der folgenden Werte:

  • „none“: Das Element erstellt keinen Container für eine Scrollmarker-Gruppe.
  • „auto“: Das Element erstellt einen Container für eine Scrollmarker-Gruppe, der eine Scrollmarker-Gruppe mit allen Scrollmarker-Elementen enthält, für die dies der nächste übergeordnete Container für eine Scrollmarker-Gruppe ist.

Wenn Sie einen Container für eine Scrollmarker-Gruppe erstellen, können alle HTML-Ankerelemente mit einer Fragment-ID, die sich in einem solchen Container befinden, das HTML-Äquivalent von ::scroll-marker-Pseudoelementen sein. Das Ankerelement, dessen Scrollziel sich derzeit in der Ansicht befindet, kann mit der Pseudoklasse :target-current formatiert werden.

counter() und counters() im Alt-Text der Eigenschaft content aktivieren

Mit dieser Funktion können Sie counter() und counters() im Alt-Text der Eigenschaft content verwenden. Dadurch werden aussagekräftigere Informationen bereitgestellt, um die Barrierefreiheit zu verbessern.

Pseudoelemente für Ansichtsübergänge übernehmen mehr Animationseigenschaften

Der Pseudobaum für Ansichtsübergänge übernimmt jetzt eine Reihe von Animationseigenschaften:

  • animation-delay
  • animation-timing-function
  • animation-iteration-count
  • animation-direction
  • animation-play-state

Verschachtelte Ansichtsübergänge aktivieren

Mit dieser Funktion können Ansichtsübergänge einen verschachtelten Pseudoelementbaum anstelle eines flachen Baums generieren. Dadurch sieht der Ansichtsübergang eher wie die ursprünglichen Elemente und die visuelle Absicht aus. Außerdem werden Clipping, verschachtelte 3D-Transformationen und die korrekte Anwendung von Effekten wie Deckkraft, Maskierung und Filtern ermöglicht.

overscroll-behavior des Darstellungsbereichs vom Root-Element weitergeben

Mit dieser Änderung wird overscroll-behavior vom Root-Element anstelle des Body-Elements weitergegeben. Die CSS WG (CSS Working Group) hat beschlossen, Eigenschaften nicht vom <body>Element zum Darstellungsbereich weiterzugeben. Stattdessen werden Eigenschaften des Darstellungsbereichs vom Root (<html>) Element weitergegeben. Daher sollte overscroll-behavior vom Stammelement weitergegeben werden. In Chrome gibt es jedoch ein Problem: Es wird overscroll-behavior vom <body> anstelle des Root-Elements weitergegeben. Dieses Verhalten ist nicht mit anderen Browsern kompatibel. Mit dieser Änderung entspricht Chrome der Spezifikation und ist mit anderen Implementierungen kompatibel.

Containeroption ScrollIntoView

Mit der Containeroption ScrollIntoViewOptions können Entwickler einen scrollIntoView-Vorgang ausführen, bei dem nur der nächste übergeordnete Scrollcontainer gescrollt wird. Im folgenden Snippet wird beispielsweise nur der Scrollcontainer von target gescrollt, um target in die Ansicht zu bringen. Es werden jedoch nicht alle Scrollcontainer zum Darstellungsbereich gescrollt:

target.scrollIntoView({container: 'nearest'});

CSS-Eigenschaft caret-animation hinzufügen

Chromium unterstützt die Animation der Eigenschaft caret-color. Wenn sie animiert wird, stört das standardmäßige Blinken des Cursors jedoch die Animation.

Die CSS-Eigenschaft caret-animation hat zwei mögliche Werte: auto und manual. auto bedeutet die Standardeinstellung des Browsers (Blinken) und manual bedeutet, dass der Entwickler die Cursoranimation steuert. Außerdem können Nutzer, die durch blinkende oder flackernde Grafiken gestört werden oder darauf negativ reagieren, das Blinken mit einem Nutzer-Stylesheet deaktivieren.

Die highlightsFromPoint-API

Mit der highlightsFromPoint-API können Entwickler mit benutzerdefinierten Hervorhebungen interagieren. Sie erkennt, welche Hervorhebungen an einem bestimmten Punkt in einem Dokument vorhanden sind. Diese Interaktivität ist für komplexe Webfunktionen nützlich, bei denen sich mehrere Hervorhebungen überlappen oder im Shadow DOM vorhanden sein können. Durch die präzise punktbasierte Hervorhebungserkennung ermöglicht die API Entwicklern, dynamische Interaktionen mit benutzerdefinierten Hervorhebungen effektiver zu verwalten. Entwickler können beispielsweise auf Nutzerklicks oder Hover-Ereignisse in hervorgehobenen Bereichen reagieren, um benutzerdefinierte Tooltips, Kontextmenüs oder andere interaktive Funktionen auszulösen.

Timing des Versprechens „View Transition finished“ ändern

Das aktuelle Timing des Versprechens „finished“ erfolgt innerhalb der Schritte des Rendering-Lebenszyklus. Das bedeutet, dass Code, der als Ergebnis der Auflösung des Versprechens ausgeführt wird, nach dem visuellen Frame ausgeführt wird, mit dem der Ansichtsübergang entfernt wird. Dies kann am Ende der Animation zu einem Flackern führen, wenn das Skript Stile verschiebt, um einen visuell ähnlichen Zustand beizubehalten. Mit dieser Änderung wird das Problem behoben, indem die Bereinigungsschritte für den Ansichtsübergang asynchron nach Abschluss des Lebenszyklus ausgeführt werden.

Das Quellattribut ToggleEvent hinzufügen

Das Attribut source eines ToggleEvent enthält das Element, das das Auslösen des ToggleEvent ausgelöst hat, falls zutreffend. Wenn ein Nutzer beispielsweise auf ein <button> Element klickt, bei dem das Attribut popovertarget oder commandfor festgelegt ist, um ein Pop-over zu öffnen, wird das Attribut `source` des ToggleEvent, das für das Pop-over ausgelöst wird, auf das aufrufende <button> festgelegt.

Verhindern, dass foreignObject von SVG die Canvas für Blob-URLs verunreinigt

Alle Browser unterstützen seit Langem die Verwendung eines <img>-Elements mit einer SVG-Quelle in einem HTML-Canvas drawImage-Vorgang. Das Verhalten der Canvas-Verunreinigung variiert jedoch je nach Plattform. Alle Browser verunreinigen die Canvas, wenn die SVG-Quelle ein foreignObject-Tag enthält und mit einem HTTP-URI referenziert wird. Wenn dasselbe SVG über einen Daten-URI referenziert wird, verunreinigen alle Browser die Canvas nicht. Wenn jedoch ein Blob-URI verwendet wird, verunreinigen sowohl Chromium (vor dieser Änderung) als auch WebKit die Canvas, Gecko jedoch nicht. Wenn diese Funktion eingeführt wird, entspricht das Verhalten von Chromium dem von Gecko. So kann eine größere Auswahl an SVG-Inhalten in drawImage-Aufrufen für Canvas verwendet werden, ohne dass die Canvas verunreinigt wird.

Den Deskriptor font-variation-settings in @font-face rule unterstützen

Mit CSS können Entwickler die Stärke, Breite, Neigung und andere Achsen einer Schriftart mithilfe der Eigenschaft font-variation-settings für einzelne Elemente anpassen. Chromium-basierte Browser unterstützen diese Eigenschaft jedoch nicht in @font-face-Deklarationen. Diese Funktion unterstützt die stringbasierte Syntax für font-variation-settings, wie in CSS Fonts Level 4 definiert. Ungültige oder nicht erkannte Feature-Tags werden gemäß Spezifikation ignoriert. Binäre oder nicht standardmäßige Formen werden nicht unterstützt. Variable Schriftarten werden sowohl aus Leistungsgründen als auch wegen ihrer typografischen Flexibilität immer beliebter. Durch die Unterstützung dieses Deskriptors in Chromium wird die Kontrolle verbessert, Wiederholungen werden reduziert und ein skalierbarerer, modernerer Ansatz für die Webtypografie wird unterstützt.

Web APIs

Uint8Array in und aus Base64 und Hex konvertieren

Base64 ist eine gängige Methode, um beliebige Binärdaten als ASCII-Code darzustellen. JavaScript verwendet Uint8Arrays für Binärdaten. Es gibt jedoch keinen integrierten Mechanismus, um diese Daten als Base64 zu codieren oder Base64-Daten zu verwenden und ein entsprechendes Uint8Array zu erstellen. Mit dieser Funktion werden die Möglichkeit und Methoden zum Konvertieren zwischen Hex-Strings und Uint8Arrays hinzugefügt.

Die Option min von ReadableStreamBYOBReader verwenden

Mit dieser Funktion wird der vorhandenen Methode ReadableStreamBYOBReader.read(view) eine Option min hinzugefügt. Die Methode akzeptiert bereits ein ArrayBufferView, in das Daten gelesen werden. Derzeit wird jedoch nicht garantiert, wie viele Elemente geschrieben werden, bevor der Lesevorgang abgeschlossen ist. Wenn Sie einen min-Wert angeben, können Sie festlegen, dass der Stream wartet, bis mindestens so viele Elemente verfügbar sind, bevor der Lesevorgang abgeschlossen wird. Dies verbessert das aktuelle Verhalten, bei dem Lesevorgänge mit weniger Elementen abgeschlossen werden können, als die Ansicht aufnehmen kann.

In einigen Fällen ist es wichtig, serverseitig zwischen Cookies zu unterscheiden, die vom Server und vom Client festgelegt wurden. Ein solcher Fall sind Cookies, die normalerweise immer vom Server festgelegt werden. Unerwarteter Code (z. B. ein XSS-Exploit, eine schädliche Erweiterung oder ein Commit von einem verwirrten Entwickler) kann sie jedoch auf dem Client festlegen. Mit diesem Vorschlag wird ein Signal hinzugefügt, mit dem Server eine solche Unterscheidung treffen können. Genauer gesagt werden die Präfixe __Http und __HostHttp definiert, die dafür sorgen, dass ein Cookie nicht clientseitig mit einem Skript festgelegt wird.

Einschränkungen für den Zugriff auf lokales Netzwerk

In Chrome 140 wird die Möglichkeit eingeschränkt, Anfragen an das lokale Netzwerk des Nutzers zu senden. Dazu ist eine Berechtigungsaufforderung erforderlich. 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 das Risiko von Fälschungsangriffen bei websiteübergreifenden Anfragen gegen lokale Netzwerkgeräte wie Router verringert. Außerdem 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. Wenn die Berechtigung erteilt wird, wird auch die Blockierung von gemischten Inhalten für lokale Netzwerkanfragen gelockert, da viele lokale Geräte aus verschiedenen Gründen keine öffentlich vertrauenswürdigen TLS-Zertifikate erhalten können.

Weitere Informationen finden Sie unter New permission prompt for Local Network Access (Neue Berechtigungsaufforderung für den Zugriff auf das lokale Netzwerk).

SharedWorker-Skripten ermöglichen, den Controller für Blob-Skript-URLs zu übernehmen

In der Spezifikation ist festgelegt, dass Worker Controller für die Blob-URL übernehmen sollten. Basierend auf dem vorhandenen Code kann der Controller aber nur von DedicatedWorker übernommen werden. Shared-Worker übernehmen den Controller nicht. Dieses Problem wird behoben, damit sich Chrome gemäß der Spezifikation verhält. Diese Funktion wird über die Unternehmensrichtlinie SharedWorkerBlobURLFixEnabled gesteuert.

ServiceWorkerStaticRouterTimingInfo hinzufügen

Mit dieser Funktion werden Timing-Informationen für die ServiceWorker Static Routing API hinzugefügt, die in der Navigation Timing API und der Resource Timing API für Entwickler verfügbar sind. ServiceWorker stellt Timing-Informationen bereit, um bestimmte Zeitpunkte zu markieren.

Mit dieser Funktion werden zwei Timing-Informationen hinzugefügt, die für die Static Routing API relevant sind:

  • RouterEvaluationStart: Zeitpunkt, zu dem eine Anfrage mit registrierten Routerregeln abgeglichen wird.
  • CacheLookupStart: Zeitpunkt, zu dem der Cache-Speicher durchsucht wird, wenn die Quelle ist "cache".

Außerdem werden mit dieser Funktion zwei Informationen zur Routerquelle hinzugefügt: die übereinstimmende Routerquelle und die endgültige Routerquelle.

Bedingte Erstellung der Webauthentifizierung unter Android aktivieren (wird nicht ausgeliefert)

Isolierte Web-Apps

Die Controlled Frame API einführen

Mit dieser Funktion wird eine Controlled Frame API hinzugefügt, die nur für isolierte Web-Apps (IWAs) verfügbar ist. Wie ähnlich benannte APIs auf anderen Plattformen ermöglicht Controlled Frame das Einbetten aller Inhalte, auch Inhalte von Dritten, die nicht in <iframe> eingebettet werden können. Mit Controlled Frame können eingebettete Inhalte auch mit einer Reihe von API-Methoden und ‑Ereignissen gesteuert werden. Weitere Informationen zu isolierten Web-Apps finden Sie in der Erläuterung zu isolierten Web-Apps.

Neue Ursprungstests

In Chrome 140 können Sie sich für die folgenden neuen Ursprungstests anmelden.

Das Ereignis clipboardchange hinzufügen

Das Ereignis clipboardchange wird ausgelöst, wenn eine Web-App oder eine andere Systemanwendung den Inhalt der Systemzwischenablage ändert. So können Web-Apps wie Remote-Desktop-Clients ihre Zwischenablagen mit der Systemzwischenablage synchronisieren. Es bietet eine effiziente Alternative zum Abrufen der Zwischenablage mit JavaScript auf Änderungen.

Benachrichtigungen über eingehende Anrufe aktivieren

Mit dieser Funktion wird die Notifications API erweitert, sodass installierte PWAs Benachrichtigungen über eingehende Anrufe senden können. Diese Benachrichtigungen enthalten Schaltflächen im Anrufstil und einen Klingelton. Diese Erweiterung hilft VoIP-Web-Apps, ansprechendere Erlebnisse zu schaffen, da Nutzer Anrufbenachrichtigungen leichter erkennen und beantworten können. Außerdem trägt diese Funktion dazu bei, die Lücke zwischen nativen und Web-Implementierungen von Apps zu schließen, die beide haben.

Die Key-Value API für Absturzberichte einführen

Mit dieser Funktion wird eine neue Schlüssel/Wert-API eingeführt, vorläufig window.crashReport, die von einer dokumentbasierten Zuordnung unterstützt wird, die Daten enthält, die an Absturzberichte angehängt werden.

Die Daten, die in der unterstützenden Zuordnung dieser API platziert werden, werden in CrashReportBody gesendet, wenn auf der Website Renderer-Prozessabstürze auftreten. So können Entwickler debuggen, welcher bestimmte Zustand in ihrer Anwendung einen bestimmten Absturz verursacht.

Einstellung und Entfernung

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

In dieser Version von Chrome wird eine Funktion eingestellt.

Regeln für die besondere Schriftgröße von <h1> innerhalb bestimmter Elemente werden eingestellt

Die HTML-Spezifikation enthält eine Liste mit Sonderregeln für <h1>-Tags, die in <article>, <aside>, <nav> oder <section> eingebettet sind.

Diese Sonderregeln werden eingestellt, da sie Probleme mit der Barrierefreiheit verursachen. Sie reduzieren die Schriftgröße für eingebettete <h1>-Tags visuell, sodass sie aussehen wie <h2>-Tags. Im Barrierefreiheitsbaum wird diese visuelle Änderung jedoch nicht berücksichtigt.