CSS-Überschriftenbalance, CHIPS, das scrollende Ereignis und Popover
Sofern nicht anders angegeben, gelten die unten beschriebenen Ä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 bereitgestellten Links oder in der Liste auf ChromeStatus.com. Chrome 114 ist seit dem 3. Mai 2023 die Betaversion. Die neuesten Versionen stehen unter Google.com für Computer und im Google Play Store für Android-Geräte zum Download bereit.
CSS
In dieser Version werden zwei neue CSS-Funktionen hinzugefügt.
Ausgleich von CSS-Überschriften
Mit dieser Funktion können Sie die Länge der Zeilen in einem Element ausgleichen, um die Lesbarkeit zu verbessern und typografische Verwaisen bei Text zu minimieren, der sich über maximal vier Zeilen erstreckt. Dies ist oft nützlich für Anzeigentitel. Mit dem folgenden Preisvergleichsportal lassen sich beispielsweise alle Anzeigentitel und Blockzitaten ausgleichen:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Zusätzlich zur Eigenschaft text-wrap wird auch die Eigenschaft white-space-collapse unterstützt. Diese Eigenschaft ist eine Kurzschreibweise dieser Eigenschaften.white-space
Weitere Informationen finden Sie unter Preisvergleichsportal text-wrap: balance.
Alias overflow: overlay an 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 von overflow: auto, mit dem Unterschied, dass dadurch nicht verhindert wird, dass Inhalte in den Bundsteg der Bildlaufleiste erweitert werden, wenn Bildlaufleisten ohne Overlay-Betriebssystem vorhanden sind. Wenn Overlay-Bildlaufleisten vorhanden sind, hat dies keine Auswirkung.
Web APIs
NotRestoredReason API des Back-Forward-Cache
Die NotRestoredReason API meldet die Liste der Gründe, warum eine Seite nicht aus BFCache in einer Frame-Baumstruktur über die PerformanceNavigationTiming API ausgeliefert wird.
Cookies mit Independent Partitioned State (CHIPS)
Für Chrome ist geplant, Drittanbieter-Cookies einzustellen. Daher benötigen Entwickler die Möglichkeit, Cookies in Drittanbieterkontexten zu verwenden, die nach der Top-Level-Website partitioniert sind. Dies ist bei Anwendungsfällen ohne websiteübergreifendes Tracking erforderlich. z. B. SaaS-Einbettungen, monitorloses CMS und Sandbox-Domains. Das CHIPS-Cookie-Attribut von Partitioned ermöglicht es Entwicklern, ihre Drittanbieter-Cookies nach Top-Level-Website partitionieren zu lassen. CHIPS wird in Chrome 110 und neueren Versionen über Chrome-Varianten aktiviert. Mit Chrome 114 ist CHIPS standardmäßig für alle Browserinstanzen aktiviert.
Weitere Informationen zu CHIPS
Das scrollend-Ereignis
Dieses Ereignis gibt Entwicklern Klarheit darüber, wann ein Scrollen abgeschlossen ist (einschließlich des Scrollens selbst und aller Aktualisierungen des Versatzes beim Scrollen) durch Ereignis-Listener. Zu wissen, wann ein Scrollen abgeschlossen ist, ist aus verschiedenen Gründen nützlich. Zum Beispiel, um eine Logik im angehefteten Bereich zu synchronisieren, Elemente in einer Liste abzurufen oder neue Animationen auszulösen. Diese Funktion vereinfacht die Logik für die Verarbeitung von Ende-of-Scroll-Effekten erheblich und sorgt dafür, dass sie in vielen verschiedenen Eingabemodalitäten einheitlich sind. Derzeit können Entwickler diesem Wunsch gerecht werden, 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-UI-Elementen angezeigt werden. Dazu gehören interaktive Elemente wie Aktionsmenüs, Vorschläge für Formularelemente, eine Inhaltsauswahl und eine Benutzeroberfläche für den Unterricht. Diese API verwendet ein neues popover-Inhaltsattribut, damit jedes Element auf der obersten Ebene angezeigt werden kann. Es ähnelt dem <dialog>-Element, weist aber einige wichtige Unterschiede auf, z. B. beim leicht zu schließenden Verhalten, dem Popover-Interaktionsmanagement und der Ereignisunterstützung sowie dem Fehlen eines modalen Fensters. .
Weitere Informationen zur Popover API
Web-Bluetooth-Option exclusionFilters in requestDevice()
Mit der Option exclusionFilters in navigator.bluetooth.requestDevice() können Webentwickler einige Geräte aus der Browserauswahl ausschließen. Damit lassen sich Geräte ausschließen, die einem weiter gefassten Filter entsprechen, aber nicht unterstützt werden.
Beispielcode ansehen, der die Verwendung der Web Bluetooth API zum Abrufen grundlegender Geräteinformationen von einem Bluetooth Low Energy-Gerät mit einfachen Ausschlussfiltern in der Nähe veranschaulicht
WebAssembly verlängerte konstanten Vorschlag
In Chrome 114 wird der erweiterte Konstantenvorschlag von WebAssembly implementiert. Mit diesem Angebot werden die folgenden neuen Anweisungen zur Liste der gültigen konstanten Anweisungen hinzugefügt: 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.
Messung der App- und Web-Attribution
Mit einer Erweiterung der Attribution Reporting API können Conversions im Web Ereignissen zugeordnet werden, die außerhalb des Browsers und in anderen Anwendungen erfolgen. Der Vorschlag nutzt die Unterstützung der Zuordnung auf Betriebssystemebene. Insbesondere können Entwickler so zulassen, dass Veranstaltungen im mobilen Web mit Veranstaltungen in der Privacy Sandbox von Android verknüpft werden können. Es ist aber auch möglich, andere Plattformen zu unterstützen.
Für den Test zur App- und Web-Attributionsmessung registrieren
Die Background Blur API
Mit der Background Blur API können Webentwickler die API der nativen Plattform zur 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 für die Hintergrundweichzeichnung.
Einstellung und Entfernung
Es gibt keine neuen Einstellungen oder Entfernungen in Chrome 114.