Chrome 148

Datum der stabilen Version:5. Mai 2026

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

Sie möchten nur die Highlights? Weitere Informationen finden Sie unter Neues in Chrome 148.

CSS und UI

CSS-Containerabfragen nur mit Namen

Ein CSS-Abfragecontainer kann nur anhand seines Containernamens abgefragt werden. Für den Container muss kein Containertyp festgelegt sein:

#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}

<div id="container">
  <div><input></div>
</div>

Bisher war für @container neben dem Namen auch ein Containertyp erforderlich.

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

At-Regel: CSS-Funktionserkennung

Mit dieser Funktion wird @supports in CSS eine at-rule()-Funktion hinzugefügt, mit der Autoren die Unterstützung für CSS-At-Regeln erkennen können.

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

Open Font Format avar2-Textgestaltung und Glyphenrendering

Mit Version 2 der avar-Tabelle (Axis Variations) können Schriftgestalter variable Schriftarten mit besserer Kontrolle über die Interpolation erstellen. Während in der ursprünglichen Spezifikation für variable Schriftarten Achsen unabhängig voneinander behandelt werden, können sich Achsen in avar2 gegenseitig beeinflussen. Dadurch sind Schriftarten für Autoren einfacher zu verwenden und können kompakt gespeichert werden.

Avar2 verwendet die gleichen bekannten Konzepte für Schriftvarianten, wendet die variablen Deltawerte aber auf die Spezifikationen der Designachse selbst an. Außerdem können Sie dies für eine Reihe von mehreren Achsen tun.

So können Schriftgestalter beispielsweise „Meta-Slider“ erstellen, mit denen mehrere Variationsachsen gleichzeitig gesteuert werden. Dadurch müssen Nutzer nicht mehr feinabstimmen und einen nützlichen Bereich des Designraums der Schriftart finden.

Mit avar2 haben Schriftgestalter mehr Kontrolle über den nutzbaren Variationsraum ihrer Schriftart und können die Anpassung von Designachsen über mehrere Achsen hinweg koordinieren.

Durch die mathematische Definition der Beziehungen zwischen Achsen in der avar-Tabelle Version 2 können Schriftarten komplexe Designs mit weniger Mastern erzielen. Das führt zu kleineren Dateigrößen, da die Interpolation effizienter gespeichert wird.

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

Das Schlüsselwort „revert-rule“

Mit dem Schlüsselwort revert-rule wird die Kaskade auf die vorherige Regel zurückgesetzt, ähnlich wie revert-layer die Kaskade auf die vorherige Ebene zurücksetzt. Beispiel:

div { color: green; }
div { color: revert-rule; /* Effectively green */ }

Das ist besonders in Kombination mit Bedingungen nützlich, da Sie die aktuelle Regel entfernen können, wenn eine bestimmte Bedingung nicht erfüllt ist:

div {
  display: if(style(--layout: fancy): grid; else: revert-rule);
}

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

Lazy Loading für Video- und Audioelemente

Den Elementen <video> und <audio> wird das Attribut loading hinzugefügt. So können Entwickler das Laden von Media-Ressourcen verzögern, bis sich das Element mit loading="lazy" in der Nähe des Darstellungsbereichs befindet. Das entspricht dem vorhandenen Lazy-Loading-Verhalten für <img> und <iframe> Elemente und verbessert den Seitenaufbau und reduziert die Datennutzung.

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

text-decoration-skip-ink: all

Unterstützung für den Wert all für die CSS-Eigenschaft text-decoration-skip-ink hinzufügen.

Die Eigenschaft text-decoration-skip-ink unterstützt bereits auto und none. Der Wert all erweitert diese Unterstützung, indem er das Überspringen von Tinte bedingungslos auf alle Glyphen anwendet, einschließlich CJK-Zeichen. Bei auto werden CJK-Zeichen nicht übersprungen, da das Überspringen von Tinte bei ideografischen Schriften an typischen Unterstreichungspositionen in der Regel zu unerwünschten visuellen Ergebnissen führt.

Mit text-decoration-skip-ink: all können Entwickler, die text-underline-position oder text-underline-offset angepasst haben, um Konflikte mit CJK-Glyphen zu vermeiden, das Überspringen von Tinte auch für diese Zeichen explizit aktivieren.

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

dropEffect für die Ereignisse dragEnter, dragLeave und dragOver korrekt festlegen

Die Drag-and-drop-Spezifikationen erfordern, dass das Attribut dropEffect des Objekts dataTransfer bestimmte vordefinierte Werte für dragEnter, dragOver und dragLeave hat. `dragEnter` und `dragOver` sollten einen dropEffect basierend auf dem aktuellen effectAllowed haben und dragLeave sollte immer einen dropEffect von none haben. Derzeit hält sich Chromium nicht an diese Regeln. Mit der Einführung dieser Funktion wird Chromium die Spezifikation berücksichtigen und die richtigen Werte für dieses Attribut zuweisen, damit Webentwickler sich darauf verlassen können.

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

Unterdrückung von Zeigerereignissen beim Ziehen

Gemäß der HTML-Spezifikation sollte der User-Agent beim Starten eines Drag-Vorgangs die entsprechenden Ereignisse an die Drag-Quelle senden, um anzugeben, dass der Zeigerereignisstream beendet ist und keine weiteren Ereignisse von diesem Zeiger erwartet werden sollten. Dieser Code wurde teilweise für Mausereignisse und vollständig für Drag-Vorgänge per Touch auf Android implementiert. Mit dieser Funktion möchten wir diese Spezifikationsanforderung auf allen anderen Plattformen vollständig erfüllen. In der Praxis bedeutet das, dass die Drag-Quelle nach dem Starten eines Drag-Vorgangs die Ereignisse pointercancel, pointerout und pointerleave erhält, um anzugeben, dass der aktuelle Ereignisstream beendet ist.

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

Leistungsspektrum

Manifestlokalisierung

Unterstützt die Lokalisierung von Manifestmitgliedern, damit Apps ihre Namen, Beschreibungen, Symbole und Verknüpfungen an die Sprache und Region des Nutzers anpassen können. Entwickler geben lokalisierte Werte im Web-App-Manifest an und der Browser wählt automatisch die entsprechenden Ressourcen basierend auf den Spracheinstellungen des Nutzers aus. So wird die Sprachunterstützung in verschiedenen Märkten eingeführt.

Weitere Informationen finden Sie unter Lokalisierungsunterstützung für Web-App-Manifeste.

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

Web auf Android

Web Serial API auf Android

Die Web Serial API bietet eine Schnittstelle zum Herstellen einer Verbindung zu seriellen Geräten, entweder über einen seriellen Anschluss auf dem System des Nutzers oder über austauschbare USB- und Bluetooth-Geräte, die einen seriellen Anschluss emulieren. Jetzt wird sie auch auf Android unterstützt.

Nutzer, insbesondere in den Bereichen Bildung, Hobby und Industrie, verbinden Peripheriegeräte mit ihren Computern, für die benutzerdefinierte Software zur Steuerung erforderlich ist. Beispielsweise wird Robotik häufig verwendet, um in Schulen Computerprogrammierung und Elektronik zu unterrichten. Dazu ist Software erforderlich, mit der Code auf einen Roboter hochgeladen oder er remote gesteuert werden kann. In einem industriellen oder Hobby-Umfeld wird ein Gerät wie eine Fräsmaschine, ein Laserschneider oder ein 3D-Drucker von einem Programm gesteuert, das auf einem verbundenen Computer ausgeführt wird. Diese Geräte werden häufig von kleinen Mikrocontrollern über eine serielle Verbindung gesteuert.

Weitere Informationen finden Sie im Leitfaden zur Web Serial API auf web.dev und in der Web Serial-Spezifikation.

Tracking-Fehler #365514951 | ChromeStatus.com-Eintrag

SharedWorker auf Android

SharedWorker war auf Android lange Zeit deaktiviert, da Bedenken hinsichtlich des unvorhersehbaren Prozesslebenszyklus bestanden. SharedWorker-Instanzen können unerwartet beendet werden, ohne dass Nutzer oder Webentwickler benachrichtigt werden.

Eine aktuelle Diskussion auf GitHub (siehe die GitHub-Diskussion) deutet jedoch darauf hin, dass die Unvorhersehbarkeit des Prozesslebenszyklus von SharedWorker möglicherweise kein so großes Problem ist wie bisher angenommen. Aus diesem Grund wird SharedWorker auf Android wieder aktiviert, während dieses Verhalten untersucht wird, um eine stabile und zuverlässige Nutzung zu gewährleisten.

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

Web APIs

WebGPU: Funktion linear_indexing

Mit dieser Funktion wird die WebGPU-Spezifikation nach der ersten Auslieferung in einem Browser erweitert.

Es werden zwei neue integrierte Werte für Compute-Shader hinzugefügt, um die Nutzerfreundlichkeit zu verbessern. Diese werden für alle Back-Ends implementiert (als Polyfills vorhandener integrierter Werte).

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

Web Authentication Immediate UI-Modus

Ein neuer Modus für navigator.credentials.get(), der bewirkt, dass die Browser-Anmeldeoberfläche dem Nutzer angezeigt wird, wenn ein Passkey oder Passwort für die Website vorhanden ist, das dem Browser sofort bekannt ist. Andernfalls wird das Promise mit NotAllowedError abgelehnt, wenn keine solchen Anmeldedaten verfügbar sind. So kann die Website vermeiden, eine Anmeldeseite anzuzeigen, wenn der Browser eine Auswahl von Anmeldedaten anbieten kann, die wahrscheinlich erfolgreich sind. Gleichzeitig ist aber weiterhin ein herkömmlicher Anmeldeseitenablauf möglich, wenn keine solchen Anmeldedaten vorhanden sind.

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

Funktionen für die sichere Zahlungsbestätigung abrufen

Der Zahlungsanfrage wird eine neue statische Methode hinzugefügt, 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.

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

SharedWorker mit verlängerter Lebensdauer

Mit diesem Update wird dem Konstruktor SharedWorker eine neue Option hinzugefügt: extendedLifetime: true. Mit dieser neuen Option wird angefordert, dass der SharedWorker auch dann aktiv bleibt, wenn alle aktuellen Clients entladen wurden. So können Seiten asynchrone Aufgaben ausführen, für die JavaScript erforderlich ist, nachdem eine Seite entladen wurde, ohne auf einen Service Worker angewiesen zu sein.

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

Prompt API

Mit der Prompt API erhalten Webentwickler direkten Zugriff auf ein vom Browser bereitgestelltes KI-Sprachmodell auf dem Gerät. Das API-Design bietet eine detaillierte Steuerung, die an Cloud-API-Formen angelehnt ist, um Websites schrittweise mit Modellinteraktionen zu verbessern, die auf individuelle Anwendungsfälle zugeschnitten sind. Dies ergänzt aufgabenbasierte Language Model-APIs wie die Summarizer API sowie eine Vielzahl von APIs und Frameworks für die allgemeine Inferenz auf dem Gerät mit von Entwicklern bereitgestellten ML-Modellen.

Die erste Implementierung unterstützt Text-, Bild- und Audioeingaben. Außerdem sorgen Antwortbeschränkungen dafür, dass generierter Text vordefinierten Formaten für reguläre Ausdrücke und JSON-Schemas entspricht.

Das unterstützt eine Vielzahl von Anwendungsfällen, von der Generierung von Bildunterschriften und der Durchführung visueller Suchen bis hin zur Transkription von Audio, der Klassifizierung von Soundereignissen, der Generierung von Text nach bestimmten Anweisungen und der Extraktion von Informationen oder Erkenntnissen aus multimodalem Quellmaterial.

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

Netzwerk und Konnektivität

IDNA ContextJ-Regeln

IDNA ist der Mechanismus für Nicht-ASCII-Zeichen in Domainnamen. Eine URL wie http://네이버.한국/ wird als http://xn--950bt9s8xi.xn--3e0b707e/ codiert (eine Weiterleitung zu naver.com).

In der URL-Spezifikation wird das Flag CheckJoiners festgelegt, das die ContextJ-Regeln in IDNA2008 aktiviert. Dadurch sind ZWNJ (U+200C ZERO WIDTH NON-JOINER) und ZWJ (U+200D ZERO WIDTH JOINER) an den meisten Stellen in URLs nicht zulässig. Die Implementierung übergibt die Option UIDNA_CHECK_CONTEXTJ an ICU, wo diese Regel implementiert ist.

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

„no-store“-Bilder bei Neuzuweisung derselben Quelle wiederverwenden

Ermöglichen Sie die Wiederverwendung von verfügbaren Bildern im selben Dokument, um das Neuladen von Cache-Control: no-store zu umgehen, wenn derselbe Quellwert einem <img> Element neu zugewiesen wird. Bisher hat Blink das Bild noch einmal abgerufen, obwohl es bereits decodiert und im Dokument verfügbar war. Das entspricht dem vorhandenen Verhalten von Gecko und WebKit.

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

Leistung

ContentType in Resource Timing

PerformanceResourceTiming wird das Feld contentType hinzugefügt, das einen String enthält, der dem Content-Type-HTTP-Header der abgerufenen Ressource entspricht, wie vom Server zurückgegeben.

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

WebRTC-Datenkanal: Datenkanäle immer aushandeln

Implementiert eine WebRTC-Erweiterung alwaysNegotiateDataChannels, mit der die Anwendung Datenkanäle im SDP-Angebot aushandeln kann, bevor ein Datenkanal erstellt wird. Außerdem wird der Datenabschnitt „m=“ vor allen Audio- oder Videoabschnitten „m=“ ausgehandelt und als „offerer-tagged m= section“ für BUNDLE verwendet.

Das bedeutet Folgendes:

const pc = new RTCPeerConnection({ alwaysNegotiateDataChannels: true });
const offer = await pc.createOffer();

erstellt ein Angebot mit einer Anwendungs-m-Zeile im SDP und:

const pc = new RTCPeerConnection({ alwaysNegotiateDataChannels: true });
pc.addTransceiver('audio');
pc.createDataChannel('somechannel');
const offer = await pc.createOffer();

erstellt ein Angebot, bei dem eine Anwendungs-m-Zeile gefolgt von einer Audio-m-Zeile im SDP ausgehandelt wird.

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

Neue Ursprungstests

Deklarative CSS-Modulskripts

Deklarative CSS-Modulskripts sind eine Erweiterung der vorhandenen skriptbasierten CSS-Modulskripts. Sie ermöglichen es Entwicklern, deklarative Stylesheets mit Shadow-Roots zu teilen, einschließlich deklarativer Shadow-Roots. Entwickler können Inline-Stilmodule mit <style type="module" specifier="foo"> definieren und ein deklaratives Modul auf ein deklaratives Shadow-DOM anwenden, indem sie auf den Spezifizierer oder eine URL verweisen, z. B. <template shadowrootmode="open" shadowrootadoptedstylesheets="foo">.

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

Container Timing API

Mit der Container Timing API lässt sich beobachten, wann annotierte Abschnitte des DOM auf dem Bildschirm angezeigt werden und die erste Darstellung 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 dargestellt wurde. Mit dieser API können Entwickler die Zeitmessung verschiedener Komponenten auf ihren Seiten messen.

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

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, mit denen Inhalte aus einem anderen Ursprung installiert werden können.

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

Stildauer für Long Animation Frames

Fügen Sie der Long Animation Frame API die Informationen styleDuration und forcedStyleDuration hinzu, damit Entwickler zwischen Stil- und Layoutzeiten unterscheiden können.

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

HTML-in-Canvas

Mit HTML-in-Canvas lässt sich das Rendering von HTML mit Canvas anpassen. Dazu gibt es drei neue Primitive: ein Attribut zum Aktivieren von Canvas-Elementen (layoutsubtree), Methoden zum Zeichnen von untergeordneten Elementen (2D: drawElementImage, WebGL: texElementImage2D, WebGPU: copyElementImageToTexture) und ein Paint-Ereignis, das ausgelöst wird, um Updates zu verarbeiten.

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

Zulassungslisten für Verbindungen

Zulassungslisten für Verbindungen sind eine Funktion, mit der externe Endpunkte explizit gesteuert werden können. Dazu werden Verbindungen eingeschränkt, die mit der Fetch API oder anderen Webplattform-APIs von einem Dokument oder Worker initiiert werden.

Die vorgeschlagene Implementierung umfasst 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 bewertet. Verbindungen zu bestätigten Endpunkten sind zulässig, während Verbindungen, die nicht mit den Einträgen in der Liste übereinstimmen, blockiert werden.

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

Sampling-Parameter für die Prompt API

Der Prompt API werden Sampling-Parameter hinzugefügt. Diese steuern, wie Tokens aus dem Modell gesampelt werden, und geben Entwicklern Kontrolle über die „Kreativität“ oder „Zufälligkeit“ der Ausgabe. Außerdem werden der LanguageModel-Instanz Attribute hinzugefügt, um die festgelegten Werte zu lesen, sowie eine statische LanguageModel-Funktion, um die Standard- und Maximalwerte dieser Parameter abzurufen.

Die erste Implementierung fügt die Parameter temperature und topK hinzu.

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

Verarbeitungsanweisungen in HTML parsen

Verarbeitungsanweisungen (Syntax: <?target data>) sind ein vorhandenes DOM-Konstrukt, das in XML verfügbar ist und mit dem Knotenobjekte, die keine Elemente sind, aber eine semantische Bedeutung für die Verarbeitung eines Dokuments haben können, dargestellt werden können.

Sie können beispielsweise verwendet werden, um Bereiche für das Streaming oder Hervorheben zu kennzeichnen, ohne dass neue DOM-Elemente erforderlich sind und die DOM-Struktur in Bezug auf CSS geändert wird, oder als Anweisungen für den HTML-Parser zum Pufferung und Streaming.

Tracking-Fehler #481087638 | ChromeStatus.com-Eintrag

OpaqueRange

OpaqueRange stellt einen Live-Bereich von Text im Wert eines Formularsteuerelements dar, z. B. in einem <textarea>-Element oder einem textbasierten <input>-Element. So können Entwickler mit Werttext mithilfe von APIs arbeiten, die Bereiche verwenden.

Es ermöglicht Vorgänge wie getBoundingClientRect(), getClientRects() und die Integration mit der CSS Custom Highlight API für UI-Elemente wie Inline-Vorschläge, Hervorhebungen und verankerte Popover. Die Kapselung bleibt erhalten, da nur Wertoffsets verfügbar gemacht werden, während für startContainer und endContainer null zurückgegeben wird. So werden DOM-Endpunkte und die interne Struktur nicht verfügbar gemacht.

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