Neu in Chrome 114

Adriana Jara

Dazu sollten Sie Folgendes wissen:

  • CSS text-wrap: balance ist verfügbar, um Textlayouts zu verbessern.
  • Hier finden Sie Informationen zu Cookies, die nach der Website der obersten Ebene partitioniert sind (CHIPS).
  • Mit der Popover API sind Popovers einfacher denn je.
  • Und es gibt noch viel mehr.

Ich bin Adriana Jara. Sehen wir uns an, was es in Chrome 114 für Entwickler Neues gibt.

text-wrap:balance.

Mit text-wrap: balance können Sie Textlayouts verbessern. Die folgende Animation zeigt, welchen Unterschied diese eine Zeile ausmachen kann.

Demo testen

Als Entwickler kennen Sie die endgültige Größe, Schriftgröße oder sogar die Sprache des Texts nicht. Alle Variablen sind für eine effektive Verarbeitung des Textumbruchs erforderlich. Da der Browser alle Faktoren kennt, können Sie mit „text-wrap:balance“ den Browser bitten, die am besten ausgewogene Lösung für den Zeilenumbruch zu finden.

Die beiden vorherigen Beispiele werden zusammen angezeigt, eines ist als unbalanciert und das andere als ausgewogen gekennzeichnet.

Der ausgewogene Textblock ist für Leser angenehmer. Sie zieht die Aufmerksamkeit besser auf sich und ist insgesamt leichter zu lesen.

Der primäre Anwendungsfall für text-wrap: balance ist und sollte die Ausgewogenheit von Überschriften sein. Das Ausrichten des Texts hat Leistungskosten. Um diese zu minimieren, funktioniert die Funktion nur für bis zu vier Zeilen.

In diesem Artikel finden Sie Beispiele und weitere Informationen zur Verbesserung Ihrer Textlayouts.

CHIPS: Cookies Having Independent Partitioned State.

Mit CHIPS (Cookies Having Independent Partitioned State) können Sie Drittanbieter-Cookies aktivieren, die mithilfe des neuen Cookie-Attributs Partitioned nach Website der obersten Ebene partitioniert werden.

Vor CHIPS konnte eine eingebettete Website C, wenn ein Nutzer Website A besuchte, ein Cookie auf dem Computer des Nutzers setzen. Wenn der Nutzer dann Website B besucht, auf der auch Website C eingebettet ist, könnte Website C auf dasselbe Cookie zugreifen, das auch auf Website A gesetzt wurde. Auf diese Weise kann Website C die Browseraktivitäten eines Nutzers auf den Websites A, B und allen Websites, auf denen sie eingebettet ist, kompilieren.

Diagramm mit Websites und Speicherplatz mit nicht partitionierten Cookies

Auch wenn websiteübergreifendes Tracking ein Problem ist, gibt es gültige Anforderungen an websiteübergreifende Cookies, die durch Cookie-Partitionierung datenschutzfreundlich erfüllt werden können.

Wenn ein Nutzer bei CHIPS Website A besucht und eingebettete Inhalte von Website C ein Cookie mit dem Attribut „Partitioned“ setzen, wird das Cookie nur in einem partitionierten JAR-File für Cookies gespeichert, die Website C setzt, wenn sie in Website A eingebettet ist. Der Browser würde dieses Cookie nur senden, wenn die Website der obersten Ebene „A“ ist.

Diagramm, das Websites und den parierten Speicher mit Cookies zeigt.

Wenn der Nutzer eine neue Website besucht, z. B. Website B, erhält Website C nicht das Cookie, das festgelegt wurde, als C in Website A eingebettet wurde.

In diesem Artikel finden Sie weitere Informationen zur Einstellung von Drittanbieter-Cookies.

Die Popover API.

Mit der Popover API können Sie leichter vorübergehende Benutzeroberflächenelemente erstellen, die über allen anderen Web-App-Benutzeroberflächen angezeigt werden.

Dazu gehören interaktive Elemente wie Aktionsmenüs, Vorschläge für Formularelemente, Inhaltsauswahlen und die Benutzeroberfläche für die Ausbildung.

Mit dem neuen Pop-up-Attribut kann jedes Element automatisch in der obersten Ebene angezeigt werden. Das bedeutet, dass sich die Entwickler keine Gedanken mehr über Positionierung, Stapeln von Elementen, Fokus oder Tastaturinteraktionen machen müssen.

Es ähnelt dem Element <dialog>, weist aber einige wichtige Unterschiede auf, z. B. beim leicht zu schließenden Verhalten, beim Pop-over-Interaktionsmanagement und bei der Unterstützung von Ereignissen. Außerdem gibt es keinen modalen Modus.

Weitere Informationen finden Sie in diesem Artikel.

…und vieles mehr

Natürlich gibt es noch viele weitere.

Weitere Informationen

Dies sind nur einige der wichtigsten Highlights. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 114.

Abonnieren

Wenn du auf dem Laufenden bleiben möchtest, abonniere den YouTube-Kanal für Chrome-Entwickler. Du wirst dann per E-Mail benachrichtigt, sobald wir ein neues Video veröffentlichen.

Ich bin Adriana Jara. Sobald Chrome 115 veröffentlicht wird, erzähle ich Ihnen hier, was es Neues in Chrome gibt.