Ausgleich von CSS-Überschriften, CHIPS, durchgescrolltes Ereignis und Popover.
Sofern nicht anders angegeben, gelten die unten beschriebenen Änderungen für die neueste Betaversion von Chrome für Android, ChromeOS, Linux, macOS und Windows. Weitere Informationen zu den hier aufgeführten Funktionen findest du über die bereitgestellten Links oder in der Liste auf ChromeStatus.com. Chrome 114 ist seit dem 3. Mai 2023 als Betaversion verfügbar. Du kannst die neuesten Versionen unter Google.com für Computer oder im Google Play Store auf Android herunterladen.
CSS
In dieser Version wurden zwei neue CSS-Funktionen hinzugefügt.
Ausgleich von CSS-Anzeigentiteln
Diese Funktion bietet eine Möglichkeit, die Länge der Zeilen in einem Element auszugleichen, um die Lesbarkeit zu verbessern und typografische Verwaisungen für Text zu minimieren, der auf vier Zeilen oder weniger fließt. Dies ist oft nützlich für Anzeigentitel. Das folgende CSS würde beispielsweise ein Gleichgewicht zwischen allen Anzeigentitel-Ebenen und Blockquoten schaffen:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Zusätzlich zum text-wrap-Attribut wird auch das white-space-collapse-Attribut unterstützt. Das white-space-Attribut wird eine Kurzschreibweise dieser Properties.
Weitere Informationen finden Sie unter Preisvergleichsportal text-wrap: balance.
Alias von overflow: overlay zu overflow: auto
In Chrome 114 wird der Scrollmodus overflow: overlay entfernt und overlay zu einem alten Alias von auto. Die Verwendung von overflow: overlay entspricht der overflow: auto, mit der Ausnahme, dass dadurch nicht verhindert wird, dass sich Inhalte in den Bildlaufleistenrand erweitern, wenn Betriebssystem-Bildlaufleisten ohne Overlay vorhanden sind. Wenn Overlay-Bildlaufleisten vorhanden sind, hat dies keinen Effekt.
Web APIs
Back-Forward-Cache NotRestoredReason API
Die NotRestoredReason API gibt eine Liste der Gründe an, warum eine Seite nicht aus dem BFcache in einer Frame-Baumstruktur über die PerformanceNavigationTiming API bereitgestellt wird.
Cookies mit unabhängigem partitioniertem Status (CHIPS)
Bei Chrome werden Drittanbieter-Cookies demnächst nicht mehr unterstützt. Daher müssen Entwickler in der Lage sein, Cookies in Drittanbieterkontexten zu verwenden, die nach Top-Level-Websites partitioniert sind. Dies ist für Anwendungsfälle erforderlich, die nicht mit websiteübergreifendem Tracking zusammenhängen. z. B. SaaS-Einbettungen, monitorlose CMS und Sandbox-Domains. Mit dem CHIPS-Cookie-Attribut von Partitioned können Entwickler festlegen, dass ihre Drittanbieter-Cookies nach Top-Level-Websites partitioniert werden. CHIPS wird in Chrome 110 und neueren Versionen über Chrome-Varianten aktiviert. Ab Chrome 114 ist CHIPS standardmäßig für alle Browserinstanzen aktiviert.
Weitere Informationen zu CHIPS
Ereignis scrollend
Dieses Ereignis gibt Entwicklern über Ereignis-Listener Aufschluss darüber, wann ein Scrollen abgeschlossen ist. Dies schließt sowohl das Scrollen selbst als auch Aktualisierungen der Versätze gegenüber dem Scrollen ein. Aus verschiedenen Gründen ist es hilfreich zu wissen, wann ein Scrollen abgeschlossen ist. Zum Beispiel können Sie Logik im ausgewählten Bereich synchronisieren, Inhalte in einer Liste abrufen oder neue Animationen auslösen. Diese Funktion vereinfacht die Verarbeitung von End-of-Scroll-Effekten erheblich und stellt sicher, dass sie über viele verschiedene Eingabemodalitäten hinweg konsistent sind. Derzeit reagieren Entwickler auf diese Anforderung, indem sie Scroll-Ereignisse beobachten und Ad-hoc-Zeitüberschreitungsalgorithmen erstellen.
Weitere Informationen zum Ereignis „scrollend“
Popover API
Eine API, mit der temporäre UI-Elemente (UI-Elemente) erstellt werden können, die über allen anderen Web-App-UIs angezeigt werden. Dazu gehören für den Nutzer interaktive Elemente wie Aktionsmenüs, Vorschläge für Formularelemente, Inhaltsauswahl und Lehr-UI. Diese API verwendet das neue popover-Inhaltsattribut, damit jedes Element auf der obersten Ebene angezeigt werden kann. Es ähnelt dem <dialog>-Element, es gibt jedoch einige wichtige Unterschiede, darunter das Verhalten beim Schließen von Lichtern, das Verwalten von Pop-over-Interaktionen und die Unterstützung von Ereignissen, und es gibt keinen „modalen“ Modus.
Weitere Informationen zur Popover API
Web-Bluetooth-Option exclusionFilters in requestDevice()
Mit der Option exclusionFilters in navigator.bluetooth.requestDevice() können Webentwickler bestimmte Geräte aus der Browserauswahl ausschließen. Sie können damit Geräte ausschließen, die einem weiter gefassten Filter entsprechen, aber nicht unterstützt werden.
Beispielcode ansehen für die Verwendung der Web Bluetooth API zum Abrufen grundlegender Geräteinformationen von einem Bluetooth Low Energy-Gerät in der Nähe mit einfachen Ausschlussfiltern
WebAssembly verlängerte kontinuierliche Vorschläge
In Chrome 114 wird die WebAssembly-Erweiterung „Erweiterte Konstante“ implementiert. Dieses Angebot fügt die folgenden neuen Anweisungen zur Liste der gültigen konstanten Anweisungen hinzu: i32.add, i32.sub, i32.mul, i64.add, i64.sub und i64.mul.
Ursprungstests laufen
In Chrome 114 können Sie die folgenden neuen Ursprungstests aktivieren.
App- und Web-Attributionsmessung
Hiermit wird die Attribution Reporting API erweitert, sodass Conversions im Web Ereignissen zugeordnet werden können, die außerhalb des Browsers oder in anderen Anwendungen erfolgen. Der Vorschlag nutzt hier die Unterstützung der Zuordnung auf Betriebssystemebene. Insbesondere können Entwickler so festlegen, dass Veranstaltungen im mobilen Web mit Veranstaltungen in der Privacy Sandbox von Android verknüpft werden können. Es können aber auch andere Plattformen unterstützt werden.
Für den Test zur Cross-App- und Web-Attribution anmelden
Die Background Blur API
Mit der Background Blur API können Webentwickler die API der nativen Plattform für die Segmentierung des Kamerahintergrunds verwenden. Das Weichzeichnen des Hintergrunds ist zu einer der am häufigsten verwendeten Funktionen für Videokonferenzanwendungen geworden. Wir möchten, dass Webanwendungen dieselben Plattform-APIs nutzen, ohne auf ML-Frameworks wie TensorFlow.js, Mediapipe, WASM-Bibliotheken oder cloudbasierte Lösungen angewiesen zu sein.
Registrieren Sie sich für den Ursprungstest zum Weichzeichnen des Hintergrunds.
Einstellungen und Löschungen
In Chrome 114 gibt es keine neuen Einstellungen oder Entfernungen.