Chrome 150

Datum der stabilen Version:30. Juni 2026

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

CSS und UI

Systemfarben AccentColor und AccentColorText

Die Systemfarben AccentColor und AccentColorText können in CSS verwendet werden, um auf die Systemakzentfarbe zuzugreifen, die auf dem Gerät des Nutzers angegeben ist. So können Entwickler ihren Webinhalten ein Styling wie bei nativen Apps geben, z. B. in Kontexten, in denen Nutzer eine Integration des Betriebssystemdesigns erwarten, etwa bei einer installierten Webanwendung. Nutzer müssen sich in einer installierten Webanwendung im ursprünglichen Profil befinden, um die gerenderte Systemakzentfarbe zu sehen.

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

Optionalen Parameter für die Rundung für polygon() zulassen

Fügt der CSS-Formfunktion polygon() einen optionalen Parameter für die Rundung der Ecken hinzu. Entwickler können einen Längenwert angeben, um Polygonecken zu runden, ohne Bezierkurven manuell berechnen zu müssen.

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

Animierbares zoom

Die CSS-Eigenschaft zoom ist animierbar und wird als <number> interpoliert. Entwickler können zoom übergehen und animieren, um Elemente und ihr Layout reibungslos zu skalieren. Das ergänzt die vorhandene transformbasierte Skalierung.

Tracking-Fehler #393810951 | ChromeStatus.com-Eintrag

CSS-Modifikatoren für url()-Anfragen

CSS-Funktionen url() akzeptieren optionale Modifikatoren für Anfragen nach der in Anführungszeichen gesetzten URL-String: cross-origin(), integrity() und referrer-policy(). Mit diesen Modifikatoren lässt sich das Abrufverhalten der referenzierten Ressource direkt über CSS steuern, ohne dass Änderungen an HTML-Markup oder JavaScript erforderlich sind. Beispiel: background-image: url("image.png" cross-origin(anonymous)) ruft das Bild im anonymen CORS-Modus ab. So haben Autoren eine detaillierte Kontrolle über den ursprungsübergreifenden Zugriff, die Integrität von Unterressourcen und die Referrer-Richtlinie für CSS-geladene Ressourcen wie Bilder, Schriftarten, SVG-Referenzen und importierte Stylesheets.

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

CSS-Eigenschaft text-fit

Skaliert die Schriftgröße von Textknoten so, dass sie perfekt an die Breite des umgebenden Felds angepasst wird.

Mit dieser Eigenschaft können Entwickler dafür sorgen, dass Überschriften oder dynamische Inhalte den verfügbaren horizontalen Platz ausfüllen, ohne dass sie die Schriftgröße manuell berechnen oder komplexe JavaScript-Workarounds verwenden müssen. Sie bietet eine robuste, CSS-native Lösung für responsive Typografie, die die visuelle Ausrichtung über verschiedene Bildschirmgrößen und unterschiedliche Textlängen hinweg beibehält.

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

CSS background-clip: border-area

Implementiert den Wert border-area für die CSS-Eigenschaft background-clip, wie in CSS Backgrounds Level 4 definiert. background-clip: border-area schneidet den Hintergrund eines Elements auf den Bereich zu, der durch die Rahmenstriche gemalt wird. Dabei werden border-width und border-style berücksichtigt, die Transparenz von border-color jedoch ignoriert. So können Entwickler Farbverlaufsrahmen ohne border-image erstellen. WebKit bietet diese Funktion bereits. Mit dieser Implementierung wird Chromium auf den gleichen Stand gebracht.

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

CSS-Funktion image(<color>)

Mit der Funktion image() können Autoren ein einfarbiges Bild aus einer beliebigen Farbe generieren. Die Syntax lautet: image() = image( <color> )

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

CSS light-dark() mit Bildwerten

Erweitert die CSS-Funktion light-dark() so, dass sie Bildwerte (url(), image-set(), none) in Autoren-Stylesheets akzeptiert. So können Bildattribute wie background-image, list-style-image, border-image-source, cursor und content automatisch zwischen Bildern wechseln, je nach dem bevorzugten Farbschema des Nutzers. Bisher war dies nur in UA-Stylesheets zulässig. Das entspricht der CSS Color 5-Spezifikation und der vorhandenen Implementierung von Firefox.

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

Kommagetrennte Containerabfragen

Unterstützt mehrere Abfragen pro @container-Regel. Die Regel @container wird angewendet, wenn mindestens eine der Abfragen übereinstimmt.

So können Fallback-Abfragen für Funktionen verwendet werden, die nicht in allen Browsern unterstützt werden.

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

Nicht druckbare Bereiche mit CSS verfügbar machen

Drucker haben in der Regel an jeder der vier Kanten eines Blatts einen kleinen Bereich, der nicht zuverlässig markiert werden kann, meist aufgrund des Papierhandhabungsmechanismus des Druckers. Die Standardseitenränder sind voraussichtlich größer als diese Bereiche. Wenn Autoren jedoch eigene Ränder festlegen und sogar @page-Randfelder hinzufügen möchten (z. B. für benutzerdefinierte Kopf- und Fußzeilen), müssen sie wissen, wo sie sicher drucken können und wo nicht.

Mit dem CSS-Deskriptor page-margin-safety lassen sich solche nicht druckbaren Bereiche vermeiden.

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

flex-wrap: balance

Mit flex-wrap: balance können Entwickler Inhalte so auf Flex-Zeilen verteilen, dass sie ausgewogener aussehen (ähnlich wie text-wrap: balance).

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

Funktion named-feature() für CSS @supports

Mit der Funktion named-feature() können CSS-Regeln @supports nach einer kleinen Anzahl spezifischer benannter Funktionen suchen, die mit anderen @supports-Mechanismen nicht getestet werden können, für die Tests aber sehr wertvoll sind.

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

overscroll-behavior: chain

overscroll-behavior hat jetzt die Werte none, auto, contain und den neuen Wert chain. Diese Werte wirken sich auf zwei unabhängige Effekte aus: die Scroll-Weitergabe und den lokalen Randeffekt (z. B. Overscroll-Stretch).

• none: keine Weitergabe, kein lokaler Effekt
• auto: Weitergabe, lokaler Effekt
• contain: keine Weitergabe, lokaler Effekt
• chain: Weitergabe, kein lokaler Effekt

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

path-length als CSS-Eigenschaft unterstützen

Mit dieser Änderung wird eine neue CSS-Eigenschaft eingeführt: path-length. Sie wird dem vorhandenen SVG-Präsentationsattribut pathLength zugeordnet. Sie gilt für SVG-Geometrie Elemente, die pathLength unterstützen (einschließlich <path>, <circle>, <rect>, <line>, <polyline>, <polygon> und <ellipse>).

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

DOM und HTML

In alle untergeordneten selectedcontent-Elemente klonen

Es werden mehrere kleine Änderungen an Grenzfällen des Elements selectedcontent vorgenommen:

• Wenn mehrere „selectedcontent“-Elemente gleichzeitig in ein „select“-Element eingefügt werden, werden alle auf dem neuesten Stand gehalten, nicht nur das erste in der DOM-Reihenfolge.
• Die Aktualisierung des „selectedcontent“-Elements wird verschoben, wenn sie während des Einfügens, Entfernens oder Verschiebens ausgeführt würde, um Sicherheitsprobleme zu beheben. Die Aktualisierung wird mithilfe von Schritten nach dem Einfügen oder Mikrotasks verschoben.

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

Focusgroup

Bietet die Möglichkeit, zusammengesetzten Widgets deklarativ die Navigation mit den Pfeiltasten zu geben, einen garantierten Tabstopp und die Speicherung des zuletzt fokussierten Elements. So werden manuell codierte roving tabindex Skripts ersetzt. Beispiel:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

ChromeStatus.com-Eintrag | Spezifikation

Streaming in beliebiger Reihenfolge

Verwenden Sie <template for> und Bereiche für Verarbeitungsanweisungen (<?marker>, <?start>, und <?end>), um vorhandene Teile des Dokuments ohne JS zu aktualisieren.

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

Verarbeitungsanweisungen in HTML parsen

Verarbeitungsanweisungen (Syntax: <?target data>) sind ein vorhandenes DOM Konstrukt, das in XML verfügbar gemacht wird. Es stellt Knotenobjekte dar, die keine Elemente sind aber eine semantische Bedeutung für die Verarbeitung eines Dokuments haben können.

Verarbeitungsanweisungen werden vom HTML-Parser geparst und erhalten eine Attribut-API ähnlich wie Elemente, um ihre Daten zu ändern.

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

Verhaltensänderungen für popover=hint

Mit dieser Änderung wird ein überarbeitetes und vereinfachtes Stapelmodell für das Attribut popover=hint und seine Interaktionen mit popover=auto implementiert. Bisher konnten die Interaktionen zwischen diesen beiden Arten von Pop-ups in einigen Grenzfallsituationen komplex sein (z. B. wenn automatische Pop-ups in Hinweis-Pop-ups verschachtelt wurden) und zu unerwartetem Verhalten führen. Mit dem neuen Modell wird durch das Öffnen eines Hinweis-Pop-ups nicht versehentlich ein nicht verwandtes automatisches Pop-up geschlossen. Hinweis-Pop-ups werden nur ausgeblendet, wenn das übergeordnete automatische Pop-up ausgeblendet wird oder wenn ein neues, nicht verwandtes automatisches Pop-up geöffnet wird. Außerdem können Entwickler ein automatisches Pop-up sicher in ein Hinweis-Pop-up verschachteln. Anstatt eine Ausnahme auszulösen oder den Stapel zu unterbrechen, wird das verschachtelte automatische Pop-up auf ein Hinweis-Pop-up herabgestuft. So können Anwendungsfälle wie das Platzieren eines customizable-select in einem popover=hint unterstützt werden.

Um die Vorhersagbarkeit weiter zu verbessern und komplexe Zustandsänderungen zu vermeiden, wird auch das Verhalten beim Öffnen und Schließen von Pop-ups über das Ereignis beforetoggle eingeschränkt. Bisher gab es Schutzmaßnahmen für einige, aber nicht alle möglichen Fälle. Mit dieser Änderung wird der Mechanismus zur Erkennung dieser Fälle überarbeitet, sodass in allen solchen Fällen zuverlässiger InvalidStateErrors ausgelöst werden sollten. So bleibt die Zustandsverwaltung von Pop-ups stabil und es werden Fehler durch rekursive Aufrufe vermieden.

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

Programmatische Scroll-Promises

Diese Funktion bietet ein zuverlässiges Signal für den Abschlussstatus eines programmatischen reibungslosen Scrollens. Alle Scroll-Methoden in Element und Window geben Promise-Objekte zurück, die nach Abschluss des Scrollens aufgelöst werden. Der aufgelöste Wert gibt an, ob das Scrollen unterbrochen wurde oder nicht.

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

Grafiken und Medien

SVG-Filter für Plug-ins und iFrames deaktivieren

In Chrome 150 wird verhindert, dass SVG-Filter auf eingebettete Plug-ins (z. B. PDFs) und ursprungsübergreifende oder eingeschränkte iFrames (z. B. Sandbox-iFrames) angewendet werden. Wenn ein Plug-in oder iFrame mit einem SVG-Filtereffekt gezeichnet würde, wird der Effektbaum durchlaufen, um den höchsten Ancestor ohne SVG-Filter zu finden. Dieser Effekt wird dann stattdessen angewendet.

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

WebGPU: Immediates

Fügt in WGSL einen neuen Immediate-Adressraum und eine Methode setImmediateData() für Render-Pass-, Compute-Pass- und Render-Bundle-Encoder hinzu. So können Entwickler kleine Mengen häufig aktualisierter Daten direkt an Shader übergeben, ohne GPU-Pufferobjekte oder Bind-Gruppen erstellen zu müssen.

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

Sicherheit und Web Speech

Intransparenter Ursprung für data:-URLs

In Chrome 150 wird aktualisiert, wie dedizierte und gemeinsame Worker data: URLs verarbeiten. Anstatt automatisch den Sicherheitsursprung des Skripts oder der Seite zu übernehmen, von dem bzw. der sie erstellt wurden, wird diesen Workern ein eindeutiger intransparenter Ursprung zugewiesen.

Diese Änderung in Einklang mit der Worker-HTML Spezifikation verbessert die Sicherheit, indem diese Worker vom Same-Origin-Status des Erstellers isoliert werden. Dadurch wird verhindert, dass sie über Mechanismen wie BroadcastChannel oder den Same-Origin-Speicher auf vertrauliche Daten zugreifen können. Um die richtigen Isolationsgrenzen beizubehalten, befinden sich diese Worker weiterhin in derselben Speicherpartition (z. B. durch Beibehalten der Website der obersten Ebene oder der Nonce) wie ihr Ersteller.

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

Web Speech API: Qualität der Erkennung auf dem Gerät

Erweitert die Schnittstelle SpeechRecognition durch Hinzufügen der Eigenschaft quality zu SpeechRecognitionOptions. So können Entwickler die semantische Fähigkeit angeben, die für die Erkennung auf dem Gerät erforderlich ist (mit processLocally: true).

Die vorgeschlagene Qualitäts-Enum unterstützt drei Stufen: command, dictation und conversation. Diese entsprechen einer zunehmenden Aufgabenkomplexität und Hardwareanforderungen. So können Entwickler feststellen, ob das lokale Gerät anspruchsvolle Anwendungsfälle (z. B. die Transkription von Besprechungen) bewältigen kann oder ob sie auf Cloud-Dienste zurückgreifen sollten.

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

Web-Apps

Ursprungsmigration für PWA

Wenn Nutzer eine progressive Web-App (PWA) installieren, wird ihre Identität und ihr Sicherheits kontext eng mit ihrem Webursprung verknüpft, z. B. app.example.com. Dies stellt eine große Herausforderung für Entwickler dar, die den Ursprung ihrer PWA aufgrund von Rebranding, Umstrukturierung der Domain oder Neustrukturierung der Architektur ändern müssen. Ohne Ursprungsmigration müssen Nutzer in einem solchen Fall die alte App manuell deinstallieren und die neue App neu installieren. Das führt zu Unterbrechungen und möglicherweise zu einer höheren Rate verlorener Nutzer. In Chrome 150 wird ein Mechanismus eingeführt, mit dem Entwickler eine installierte PWA nahtlos zu einem neuen Ursprung derselben Website migrieren können, wobei das Vertrauen der Nutzer gefördert wird und die Berechtigungen erhalten bleiben.

Die WebAppInstallForceList WebAppInstallForceList blockiert die Migration. Da Unternehmensrichtlinien für Web-Apps hauptsächlich auf URLs und Ursprüngen basieren, besteht das Risiko, dass eine Migration bestimmte Richtlinien umgeht, die ein Administrator möglicherweise konfiguriert hat. Wenn die Installation einer App vom Administrator des Unternehmens erzwungen wird, wird Nutzern keine Migration angeboten. Stattdessen wird ein Banner mit einer entsprechenden Erklärung angezeigt.

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

Ursprungstests

E‑Mail-Bestätigungsprotokoll

Das EVP (E‑Mail-Bestätigungsprotokoll) hilft Nutzern, Konten zu erstellen, darauf zuzugreifen und sie wiederherzustellen. Dazu wird nahtlos ein kryptografischer Eigentumsnachweis bereitgestellt, anstatt E‑Mail-OTPs manuell einzugeben.

Ursprungstest | ChromeStatus.com-Eintrag | Spezifikation

Messung spekulativer Ladevorgänge

Messdaten zu spekulativen Ladevorgängen (Preloads, Prefetches und Prerenders) werden im Rahmen einer neu eingeführten Methode performance.getSpeculations() verfügbar gemacht. So können Entwickler die Effektivität verschiedener Strategien für spekulatives Laden messen und entsprechend anpassen.

Ursprungstest | Tracking-Fehler #481590676 | ChromeStatus.com-Eintrag

WebRTC Diagnostic Logging API

API für die Diagnoseprotokollierung von WebRTC.

Mit dieser API kann eine Anwendung die Diagnoseprotokollierung aktivieren. Diese Protokolle enthalten Informationen zu den WebRTC-Aktivitäten der Anwendung und sind nützlich für das lokale Debugging oder zum Melden von Fehlern.

Protokolle können optional außerhalb des Bandes an den Browseranbieter hochgeladen und zur Diagnose von Fehlern verwendet werden. Die Anwendung erhält eine ID, die ähnlich wie bei Abstürzen an einen Fehlerbericht angehängt werden kann.

Diagnoseprotokolle werden mit einer Unternehmensrichtlinie namens WebRtcDiagnosticLogCollectionAllowedForOrigins aktiviert.

Ursprungstest | Tracking-Fehler #481412281 | ChromeStatus.com-Eintrag | Spezifikation

Einstellung und Entfernung

In dieser Version gibt es keine Einstellungen oder Entfernungen.