Unterstützung für die CSS-Eigenschaft text-justify hinzufügen

Chrom 145

CSS und UI
Unterstützung für die CSS-Eigenschaft text-justify hinzufügen
Mit der Eigenschaft text-justify können Sie steuern, wie der Text ausgerichtet wird, wenn text-align: justify angewendet wird. So können Sie beispielsweise den Blocksatz erzwingen, indem Sie den Abstand zwischen den Zeichen auch in englischem Text vergrößern.
Fehlerverfolgung #40321528 | ChromeStatus.com Eintrag | Spezifikation

Prozentwerte für die CSS-Eigenschaften "letter-spacing" und "word-spacing" aktivieren
Aktivieren Sie Prozentwerte für die CSS-Eigenschaften "letter-spacing" und "word-spacing", wie in der Spezifikation CSS Text Module Level 4 definiert. Die prozentualen Werte werden relativ zum Vorlaufmaß des Leerzeichens (U+0020) berechnet. Dadurch erhalten Sie eine robustere und flexiblere Kontrolle über die Typografie, insbesondere bei responsiven Designs, bei denen sich der Textabstand an unterschiedliche Ansichtsfenster und Schriftgrößen anpassen muss.
Fehlerverfolgung #327740939 | ChromeStatus.com Eintrag | Spec

Verbesserung der Schattenkantenberechnung bei hohem Randradius
Diese Änderung stellt sicher, dass Schatten und Clipbegrenzungen bei nahezu kreisförmigen Elementen (bei denen der Randradius nahe bei 50 % liegt) genau der visuellen Kontur der gebogenen Kante entsprechen.

Dies sorgt für eine konsistentere Darstellung komplexer abgerundeter Formen und beseitigt visuelle Diskrepanzen bei hohen Radiuswerten. Der Anpassungsfaktor für den Randradius, der dafür sorgt, dass die Ecken bei kleinen Radien scharf erscheinen, wird schrittweise abgeschwächt, wenn sich der Radiuswert 50 % nähert.

Dies gilt auch für nicht runde Konturen (mit Eckenform), die jetzt denselben Mechanismus zur Anpassung des Radius verwenden.
Fehlerverfolgung #448651073 | ChromeStatus.com Eintrag | Spec

Spaltenumbruch für Multicol
Hinzufügen von Unterstützung für die CSS-Eigenschaften column-wrap und column-height, ab multicol Level 2.

Dies ermöglicht ein vertikales Spaltenlayout oder sogar ein 2D-Spaltenlayout. Spalten können eine explizit festgelegte Höhe haben, anstatt von der Höhe der Content-Box des multicol-Containers abgeleitet zu werden. Sie werden zu einer neuen Reihe von Spalten umbrochen, wenn alle Spalten für eine Reihe gefüllt sind, anstatt überlaufende Spalten in Inline-Richtung zu erzeugen.
Fehlerverfolgung #403183884 | ChromeStatus.com Eintrag | Spec

Ereignis onanimationcancel für GlobalEventHandler freigeben
CSS Animations Level 1 erweitert die in der HTML-Spezifikation definierte Schnittstelle GlobalEventHandlers und deklariert vier neue Event-Handler: onanimationstart, onanimationiteration, onanimationend und onanimationcancel. Nur der onanimationcancel-Ereignishandler fehlte in der GlobalEventHandlers IDL.
Fehlerverfolgung #464010037 | ChromeStatus.com Eintrag | Spec

Anpassbare Select-Listbox
Dies erweitert die Unterstützung für anpassbare Auswahlen auf den Listbox-Rendering-Modus, einschließlich Einzelauswahl und Mehrfachauswahl im Listbox-Modus.

Der Listbox-Rendering-Modus rendert das Auswahlelement im Fluss oder auf der Seite, anstatt mit einer separaten Schaltfläche und einem Popup. Sie können den Listbox-Rendering-Modus plattformübergreifend mit den Attributen multiple oder size wählen, zum Beispiel <select multiple="multiple"> oder <select size="4">. Wenn die CSS-Eigenschaft appearance: base-select auf das Select-Element mit diesen Attributen angewendet wird, verbessert sich das Rendering und das Eingabeverhalten.

Dies unterstützt keine anpassbare Auswahl für das Mehrfachauswahl-Popup, das später unterstützt wird. Sie müssen die folgenden Attribute setzen, um ein Multi-Select-Popup zu erhalten: <select multiple="multiple" size="1">.
Fehlerverfolgung #357649033 | ChromeStatus.com Eintrag | Spec

Die Option focusVisible bei focus
Beim Aufruf der Methode focus() kann im Wörterbuch FocusOptions ein Boolean focusVisible angegeben werden. Bei true wird immer ein Fokusring um das neu fokussierte Element gezeichnet, und er entspricht der :focus-visible Pseudoklasse. Bei false wird der Fokusring nicht gezeichnet, und :focus-visible stimmt nicht überein. Wenn er fehlt, entscheidet der User Agent selbst, ob der Fokusring gezeichnet werden soll, und die Pseudoklasse :focus-visible passt entsprechend.
Fehlerverfolgung #462191849 | ChromeStatus.com Eintrag | Spec

**Monochromes Emoji-Rendering im Modus "Erzwungene Farben" aktivieren.
Diese Änderung aktualisiert das Emoji-Rendering-Verhalten von Chromium im Modus "Erzwungene Farben". Während der Auflösung mit berechneten Werten werden Emoji, deren Font-Variant-Emoji-Wert auf Normal oder Unicode berechnet wird, unter Verwendung ihrer monochromen Glyphen gerendert, sofern verfügbar.
Chromium unterdrückt daher das Rendern von farbigen Emojis, was sicherstellt, dass Emojis vollständig an der Pipeline des Modus Erzwungene Farben teilnehmen und die kontrastreichen Farben des Systems respektieren. Das Verhalten außerhalb des Modus "Erzwungene Farben" bleibt unverändert.
Fehlerverfolgung #420857717 | ChromeStatus.com Eintrag | Spec

Overscroll-Effekt bei Nicht-Root-Scrollern
Dies zeigt elastische Overscroll-Effekte auf Nicht-Wurzel-Scroll-Containern. Wenn ein verschachteltes scrollbares Element seine Scroll-Grenze erreicht, wird die Overscroll-Funktion auf dieses Element angewendet und nicht nur auf den Root-Scroller. Dies reduziert den Bedarf an benutzerdefinierten JavaScript-Workarounds und kann pro Element mit overscroll-behavior gesteuert werden.
Fehlerverfolgung #41102897 | ChromeStatus.com Eintrag | Spec

Fähigkeiten
Echte Fensterposition auf Android anzeigen
Chrome auf Android meldet die Position und Größe des Browserfensters genau mit window.screenX, window.screenY, window.outerWidth und window.outerHeight.

Chrome nahm bisher fälschlicherweise an, dass alle Browserfenster auf Android bei den Koordinaten (0, 0) beginnen. Diese Annahme ist für Android-Tablets, die den Freiform-Fenstermodus verwenden, ungenau. Websites erhielten immer 0, wenn sie die Position des Fensters auf dem Bildschirm mit window.screenX und window.screenY abfragten. Diese Felder speichern die Koordinaten der oberen linken Ecke des Fensters im globalen Arbeitsbereichskoordinatenraum.

Außerdem nahm Chrome auf Android fälschlicherweise an, dass die äußeren Abmessungen des Browserfensters den inneren Abmessungen des Ansichtsfensters der Website entsprechen.

window.screenX und window.screenY haben Aliasnamen: window.screenLeft und window.screenTop.
Fehlerverfolgung #417632037 | ChromeStatus.com Eintrag | Spec

JavaScript
Upsert
Dies ist ein ECMAScript-Vorschlag für Map.prototype.getOrInsert, Map.prototype.getOrInsertComputed, WeakMap.prototype.getOrInsert, und WeakMap.prototype.getOrInsertComputed.
Fehlerverfolgung #434977728 | ChromeStatus.com Eintrag | Spec

Schlüsselwert-API für Absturzmeldungen
Eine neue Key-Value-API, window.crashReport, wird von einer pro-Dokument-Map mit Daten unterstützt, die Chrome an Absturzberichte anhängt.
Die Daten, die in der Backing-Map dieser API platziert sind, werden im CrashReportBody gesendet, wenn ein Renderer-Prozess auf der Website abstürzt. Auf diese Weise können Sie herausfinden, welcher spezifische Zustand in Ihrer Anwendung einen bestimmten Absturz verursacht haben könnte.
Fehlerverfolgung #400432195 | ChromeStatus.com Eintrag | Spec

Standardmäßig reduzierte User-Agent-Zeichenfolgen
Ab Chrome 145 entfernt Chrome die Richtlinie UserAgentReduction. Mit dieser Richtlinie konnte gesteuert werden, ob Chrome einen reduzierten oder vollständigen User-Agent-String sendet.

Um die Privatsphäre der Benutzer zu verbessern und passive Tracking-Möglichkeiten zu reduzieren, begann Chrome in der Chrome-Version 110 damit, die im User-Agent-Header enthaltenen Informationen standardmäßig zu reduzieren. Die UserAgentReduction-Richtlinie wurde als vorübergehende Maßnahme für Unternehmen bereitgestellt, um diesen Übergang zu verwalten.

Der empfohlene Mechanismus für Websites zum Zugriff auf Browser- und Geräteinformationen ist User-Agent Client Hints (UA-CH). UA-CH erfordert, dass Websites aktiv bestimmte Informationen anfordern, was ein datenschutzfreundlicherer Ansatz ist als der bisherige User-Agent-String. Weitere Informationen finden Sie im web.dev-Artikel Migrate to User-Agent Client Hints.

Ab Chrome 145 hat die UserAgentReduction-Richtlinie keine Wirkung mehr. Chrome sendet standardmäßig eine reduzierte User-Agent-Zeichenfolge. Systeme oder Anwendungen, die sich auf diese Richtlinie verlassen haben, um den vollständigen (alten) User-Agent-String zu erhalten, erhalten möglicherweise nicht mehr die erwarteten detaillierten Informationen.

Eintrag auf ChromeStatus.com

Navigations-API: Ziel in navigation.transition offenlegen
NavigationTransition hat eine from-Eigenschaft, die die alte URL der Navigation preisgibt. Die Angabe von to (einer NavigationDestination) vervollständigt dies. Dies ist besonders nützlich bei der Verwendung von Precommit-Handlern, da während des Precommit die aktuelle URL noch nicht zum Ziel gewechselt hat.

navigation.transition wird nur für abgefangene Navigationen ausgesetzt, d. h. für Navigationen, die von einem Dokument gleichen Ursprungs initiiert wurden.

Fehlerverfolgung #447171238 | ChromeStatus.com Eintrag | Spec

Sichere Zahlungsbestätigung: Browser-gebundene Schlüssel
Dies fügt eine zusätzliche kryptografische Signatur über sichere Zahlungsbestätigungen und die Erstellung von Anmeldeinformationen hinzu. Der entsprechende private Schlüssel wird nicht geräteübergreifend synchronisiert. Dies hilft Ihnen, die Anforderungen an die Gerätebindung für Zahlungstransaktionen zu erfüllen.
Fehlerverfolgung #377278827 | ChromeStatus.com Eintrag | Spezifikation

Sichere Zahlungsbestätigung: UX-Aktualisierung
Aktualisiert die UX-Elemente für den SPC-Dialog auf Android Chrome.
Zusätzlich zur UX-Präsentation werden die folgenden Elemente hinzugefügt:
Händler können eine optionale Liste von Zahlungsentitätslogos im Zusammenhang mit der Zahlung bereitstellen, die in der UX angezeigt werden.
Es werden verschiedene Ausgabestatus an den Händler zurückgegeben, je nachdem, ob der Benutzer die Transaktion ohne SPC fortsetzen oder abbrechen möchte. Für beide Fälle wird nur ein einziger Ausgabestatus gesendet.
Dem Zahlungsinstrument wird ein neues Feld für Zahlungsdetails hinzugefügt, so dass der Text in der SPC über zwei Zeilen dargestellt wird.
Fehlerverfolgung #405173922 | ChromeStatus.com Eintrag | Spec

Attribut maxAge für Cookie Store API
Sie können ein maxAge angeben, wenn Sie ein Cookie mit der Cookie Store API setzen.

Die Cookie-Ablaufzeit ist bereits mit dem expires-Attribut konfigurierbar, aber maxAge bietet eine idiomatischere Option und gleicht die Cookie Store API mit den Optionen von document.cookie und dem Set-Cookie HTTP Header ab.
Fehlerverfolgung #430926231 | ChromeStatus.com Eintrag | Spec

InputEvent-Typen für Löschbefehle bei nicht eingeklappten Auswahlen
Dies meldet genaue inputType-Werte für Lösch-Tastaturkürzel auf markiertem Text. Wenn Löschbefehle wie Strg+Backspace oder Strg+Delete mit ausgewähltem Text in inhaltserstellbaren Elementen verwendet werden, melden die beforeinput- und input-Ereignisse deleteContentBackward oder deleteContentForward anstelle von deleteWordBackward oder deleteWordForward. Dadurch können Sie korrekt nachvollziehen, welcher Bearbeitungsvorgang stattgefunden hat, und zuverlässige Rückgängig-, Wiederherstellungs- oder benutzerdefinierte Bearbeitungsfunktionen implementieren.
Fehlerverfolgung #41423062 | ChromeStatus.com Eintrag | Spec

Sticky-Aktivierung für das Clipboardchange-Ereignis
Dies erfordert eine "sticky" Benutzeraktivierung oder die Berechtigung zum Lesen der Zwischenablage, um Clipboardchange-Ereignisse auszulösen, was eine unautorisierte Überwachung der Zwischenablage verhindert.

Das clipboardchange-Ereignis ist relativ neu (Chrome 144), und dies hat nur minimale Änderungen im Web zur Folge. In den meisten Fällen ist die Sticky-Benutzeraktivierung oder die Berechtigung zum Lesen der Zwischenablage bereits vorhanden, wenn die Zwischenablage überwacht wird (z. B. in Remote-Desktop-Clients).

Fehlerverfolgung #468821937 | ChromeStatus.com Eintrag | Spec

Multimedia
rtpTimestamp von WebRTC-Video-Frames mit VideoFrame.metadata() anzeigen
Fügt eine VideoFrame.metadata()-Methode hinzu, die ein Wörterbuch zurückgibt, das das Feld rtpTimestamp enthält, wenn der zugrunde liegende VideoFrame dieses Feld in seinen nativen Metadaten hat. Andernfalls wird ein leeres Wörterbuch zurückgegeben. Nur Videoframes, die von WebRTC-Quellen stammen, haben die rtpTimestamp-Metadaten angehängt.

Weitere Metadatenfelder sind bereits in der nativen Implementierung vorhanden und könnten im Laufe der Zeit für JavaScript verfügbar gemacht werden, wie in der vorgeschlagenen Spezifikation dargelegt.
Eintrag auf ChromeStatus.com | Spezifikation

Speicher
IndexedDB: SQLite-Backend (In-Memory-Kontexte)
Die IndexedDB-Implementierung von Chromium wurde auf der Grundlage von SQLite neu geschrieben, um die vorherige Implementierung zu ersetzen, die eine Mischung aus LevelDB und Flat Files verwendet. An der Web-API gibt es keine Änderungen.

Dies verbessert die Zuverlässigkeit und, in geringerem Maße, die Leistung.

Dies gilt nur für In-Memory-Kontexte wie den Inkognito-Modus in Chromium und Google Chrome. Dadurch werden die Auswirkungen neuer Fehler begrenzt und die Notwendigkeit der Migration bestehender, auf der Festplatte gespeicherter Daten hinausgezögert.
Fehlerverfolgung #436880911 | ChromeStatus.com Eintrag | Spec

Leistung
Webanwendungen können bimodale Performance-Timings verstehen
Ein neues Confidence-Feld auf dem PerformanceNavigationTiming-Objekt lässt Sie erkennen, ob die Navigationszeitpunkte für Ihre Webanwendung repräsentativ sind.
Fehlerverfolgung #1413848 | ChromeStatus.com-Eintrag | Spezifikation

Hinzufügen von presentationTime und paintTime zu Performance-Einträgen
Dies macht paintTime und presentationTime in Element-Timing, LCP, langen Animationsframes und Paint-Timing sichtbar.
paintTime bezeichnet den Zeitpunkt, an dem die Rendering-Phase endete und der Browser die Paint-Phase begann. presentationTime bezeichnet den Zeitpunkt, an dem die "Pixel den Bildschirm erreichten", was in gewisser Weise implementierungsabhängig ist.

Dieser Funktionseintrag lässt die Ereigniszeitmessung aus, die separat durchgeführt wird.
Fehlerverfolgung #378827535 | ChromeStatus.com Eintrag | Spec

Verwendung von CssPixels in der LayoutShift API
Diese Funktion ändert die Attributionsdaten (prevRect und currentRect) in der LayoutShift-API so, dass sie in CSS-Pixeln anstelle von physischen Pixeln angegeben werden. Dieses Verhalten ist inkonsistent mit anderen layoutbezogenen APIs, die alle CSS-Pixel verwenden. Diese Änderung verbessert die Konsistenz, vereinfacht die Verwendung für Sie und entspricht den erwarteten Einheiten in Debugging und Tooling.
Fehlerverfolgung #399058544 | ChromeStatus.com Eintrag | Spezifikation

Sicherheit
Gerätegebundene Sitzungsnachweise (Device Bound Session Credentials)
Mit gerätegebundenen Sitzungsdaten (Device Bound Session Credentials, DBSC) können Websites die Sitzung eines Benutzers an sein spezifisches Gerät binden, was es gestohlenen Sitzungscookies erheblich erschwert, auf anderen Rechnern verwendet zu werden.
ChromeStatus.com-Eintrag | Spezifikation

Die Ursprungs-API
Der Ursprung ist ein grundlegender Bestandteil der Web-Implementierung, der sowohl für die Sicherheit als auch für den Schutz der Privatsphäre, den die Benutzer-Agenten gewährleisten, unerlässlich ist. Das Konzept ist zwischen HTML und URL gut definiert, zusammen mit weit verbreiteten angrenzenden Konzepten wie Site.

Die Ursprünge werden Ihnen jedoch nicht direkt angezeigt. Es gibt zwar verschiedene Origin-Getter für verschiedene Objekte, aber jedes davon gibt die ASCII-Serialisierung eines Ursprungs zurück, nicht den Ursprung selbst. Dies hat ein paar negative Auswirkungen. In der Praxis werden bei dem Versuch, Vergleiche mit demselben Ursprung oder demselben Standort durchzuführen, wenn serialisierte Ursprünge verarbeitet werden, oft Fehler gemacht, die zu Schwachstellen führen. Aus philosophischer Sicht scheint es sich um ein fehlendes Sicherheitsprimitiv zu handeln, das Sie nur mit Mühe genau ausfüllen können.

In Chrome 145 adressiert Chrome diese Lücke in der Plattform durch die Einführung eines Origin-Objekts, das das Origin-Konzept kapselt und hilfreiche Methoden wie Vergleich, Serialisierung und Parsing bietet.
Fehlerverfolgung #434131026 | ChromeStatus.com Eintrag | Spec

Geteilte Berechtigungen für den lokalen Netzwerkzugriff
Dies ist eine Verbesserung der Beschränkungen des lokalen Netzwerkzugriffs (LNA), bei der Chrome die von einer lokalen Netzwerkzugriffsberechtigung erforderliche Berechtigung in zwei separate Berechtigungen aufteilt.

Die alte Berechtigung lautet local-network-access. Die neuen Berechtigungen sind local-network (für LNA-Anforderungen an IPs im lokalen Adressraum) und loopback-network (für LNA-Anforderungen an IPs im Loopback-Adressraum).

Die alte Berechtigung wird als Alias beibehalten und funktioniert weiterhin für permissions.query und Permissions Policy. Unternehmensrichtlinien funktionieren weiterhin wie bisher; neuere, granularere Unternehmensrichtlinien werden später hinzugefügt.
Fehlerverfolgung #465491626 | ChromeStatus.com Eintrag | Spec

Anpassung der Spezifikation für vertrauenswürdige Typen
Trusted Types wurde ursprünglich im Jahr 2019 in Chromium implementiert und eingeführt und wird seitdem auf zahlreichen Websites verwendet. In letzter Zeit haben auch andere Browser-Anbieter Interesse daran gezeigt.

Die Trusted-Types-Spezifikation wurde als "Monkey-Patch"-Spezifikation zusammen mit der ursprünglichen Implementierung geschrieben. Sie erhält neue Aufmerksamkeit, da andere versuchen, die gleiche Spezifikation zu implementieren. Sie wurde in HTML + DOM (und ein wenig CSP) "hochgestuft". Als Teil dieses Prozesses werden verschiedene Inkonsistenzen identifiziert und behoben. Einige dieser Korrekturen können von den Entwicklern beobachtet werden. Die Absicht ist, die Implementierung zu aktualisieren, damit sie mit der Spezifikation übereinstimmt, wenn sie in HTML übernommen wird.

In der Zwischenzeit hat WebKit seine Implementierung der aktualisierten Trusted-Types-Spezifikation auf den Weg gebracht, was Chrome ein hohes Maß an Vertrauen in die Webkompatibilität dieser Aktualisierung gibt.
Fehlerverfolgung #330516530 | ChromeStatus.com Eintrag | Spezifikation

Grafik
WebGPU: subgroup_uniformity-Funktion
Dies fügt der Uniformitätsanalyse einen neuen Bereich hinzu und ändert, welche Teile der Sprache jeweils geprüft werden, damit die Untergruppenfunktionalität in mehr Fällen als einheitlich angesehen werden kann.
Fehlerverfolgung #454653380 | ChromeStatus.com Eintrag | Spec

Isolierte Webanwendungen
WebRequest.SecurityInfo im kontrollierten Frame
Dieses Feature führt eine WebRequest.SecurityInfo API für ControlledFrame ein. Sie ermöglicht es einer Webanwendung, eine HTTPS-, WSS- oder WebTransport-Anfrage an einen Server abzufangen, den Zertifikatsfingerabdruck des Servers (wie vom Browser verifiziert) abzurufen und dann diesen Fingerabdruck zu verwenden, um das Zertifikat einer separaten rohen TCP/UDP-Verbindung zum selben Server manuell zu verifizieren. Auf diese Weise kann die Anwendung bestätigen, dass sie mit dem richtigen Server kommuniziert.
Fehlerverfolgung #462114142 | ChromeStatus.com Eintrag | Spec

Ursprungsversuche
Unterstützung für JPEG XL-Dekodierung (image/jxl) in Blink
Fügt Unterstützung für die Dekodierung von JPEG XL-Bildern (image/jxl) in Blink mit jxl-rs, einem speichersicheren reinen Rust-Decoder, hinzu.

JPEG XL ist ein modernes Bildformat, das als ISO/IEC 18181 standardisiert ist und Folgendes bietet:

Progressive Dekodierung für verbesserte Ladeleistung.
Unterstützung für eine breite Farbskala, HDR und eine hohe Bittiefe.
Unterstützung von Animationen.
Diese Implementierung verwendet jxl-rs anstelle des C++-Referenzdecoders libjxl, um die Anforderungen von Chromium an die Speichersicherheit zu erfüllen. Der Decoder ist hinter dem enable-jxl-image-format Flag und dem enable_jxl_decoder build Flag versteckt.
Eintrag auf ChromeStatus.com

WebAudio: Konfigurierbares Renderquantum
AudioContext und OfflineAudioContext nehmen jetzt einen optionalen renderSizeHint an, der es Benutzern ermöglicht, nach einer bestimmten Renderquantum-Größe zu fragen, wenn eine ganze Zahl übergeben wird, den Standardwert von 128 Frames zu verwenden, wenn nichts oder der Standardwert übergeben wird, oder den User-Agent zu bitten, eine gute Renderquantum-Größe auszuwählen, wenn Hardware angegeben wird.
Origin Trial | ChromeStatus.com Eintrag

Abwertungen und Entfernungen
Unterstützung für veraltete virtuelle Kameras unter macOS entfernen
Chrome entfernt die Unterstützung für veraltete virtuelle Kameras für alle macOS-Versionen, die es unterstützt.
Fehlerverfolgung #461717105 | ChromeStatus.com-Eintrag

BMP-Erweiterung für die Einbettung von JPEG- oder PNG-in-BMP entfernen
Chrome entfernt die BMP-Erweiterung zum Einbetten von JPEG-oder-PNG-in-BMP.
Fehlerverfolgung #456842524 | ChromeStatus.com-Eintrag | Spec</select></select></select>