Neu in Chrome 114

Adriana Jara

Dazu sollten Sie Folgendes wissen:

  • CSS text-wrap: balance ist zur Verbesserung von Textlayouts verfügbar.
  • Hier finden Sie Cookies, die nach Website der obersten Ebene (CHIPS) partitioniert sind.
  • Popovers sind mit der Popover API einfacher denn je.
  • Und es gibt viele weitere.

Mein Name ist Adriana Jara. Jetzt sehen wir uns an, was es für Entwickler Neues bei Chrome 114 gibt.

text-wrap:balance.

Verwende text-wrap: balance, um Textlayouts zu verbessern. Die folgende Animation zeigt, wie Sie mit dieser einen Zeile etwas erreichen können.

Demo testen

Als Entwickler kennen Sie die endgültige Größe, Schriftgröße oder Sprache des Textes nicht. Für eine effektive Verarbeitung des Textumbruchs sind alle Variablen erforderlich. Da der Browser alle Faktoren kennt, können Sie mit text-wrap:balance den Browser anfordern, um die beste ausbalancierte Zeilenumbruchlösung zu finden.

Die beiden vorherigen Beispiele werden zusammen angezeigt. Das eine ist als unausgeglichen und das andere als ausgewogen markiert.

Der ausgewogene Textblock ist für das Auge des Lesers angenehmer. Sie zieht die Aufmerksamkeit auf sich und ist insgesamt leichter zu lesen.

Die gleichmäßige Verteilung der Anzeigentitel ist und sollte der primäre Anwendungsfall für text-wrap: balance sein. Es fallen Leistungskosten an, um den Text auszugleichen. Um die Kosten zu minimieren, funktioniert das Tool also nur für bis zu vier Zeilen.

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

CHIPS: Cookies mit unabhängig partitioniertem Status.

CHIPS (Cookies Having Independent Partitioned State) ermöglicht die Partitionierung von Drittanbieter-Cookies durch die Website der obersten Ebene mithilfe des neuen Cookie-Attributs Partitioned.

Bevor ein Nutzer Website A besucht, konnte die eingebettete Website C vor CHIPS ein Cookie auf dem Computer des Nutzers setzen. Besucht der Nutzer anschließend Website B, auf der auch Website C eingebettet ist, könnte Website C auf dasselbe Cookie zugreifen, das auf Website A gesetzt wurde. Auf diese Weise kann Website C die Browseraktivitäten eines Nutzers über Website A, B und alle Websites, auf denen sie eingebettet ist, kompilieren.

Diagramm, das Websites und Speicher mit nicht partitionierten Cookies zeigt

Websiteübergreifendes Tracking ist zwar ein Problem, es gibt jedoch gültige Anforderungen für websiteübergreifende Cookies, die auf datenschutzfreundliche Weise durch die Cookie-Partitionierung erreicht werden können.

Wenn ein Nutzer Website A besucht und eingebetteter Inhalt von Website C mit CHIPS ein Cookie mit dem Attribut „Partitioned“ (Partitioniert) setzt, wird das Cookie nur für Cookies, die Website C setzt, wenn sie auf Website A eingebettet ist, in einer partitionierten JAR-Datei gespeichert. Der Browser sendet dieses Cookie nur, wenn die Website der obersten Ebene A ist.

Diagramm, das Websites und aufgeteilten Speicher mit Cookies zeigt

Wenn der Nutzer eine neue Website besucht, z. B. Website B, erhält Website C nicht das Cookie, das bei der Einbettung der Website C in Website A gesetzt wurde.

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

Popover API

Mit der Popover API ist es einfacher, temporäre UI-Elemente zu erstellen, die über allen anderen Web-App-UIs angezeigt werden.

Dazu gehören für Nutzer interaktive Elemente wie Aktionsmenüs, Vorschläge für Formularelemente, Inhaltsauswahl und UI für Lernende.

Mit dem neuen Pop-over-Attribut kann jedes Element automatisch auf der obersten Ebene angezeigt werden. Sie müssen sich also keine Gedanken mehr um die Positionierung, das Stapeln von Elementen, den Fokus oder die Tastaturinteraktionen machen.

Dies ähnelt dem <dialog>-Element, hat aber einige wichtige Unterschiede, z. B. das Verhalten beim Schließen von Licht, das Verwalten von Pop-over-Interaktionen und die Unterstützung von Ereignissen. Außerdem fehlt der „modale“ Modus.

Weitere Informationen finden Sie in diesem Artikel.

…und vieles mehr

Natürlich gibt es noch viel mehr.

Weitere Informationen

Dies sind nur einige der wichtigsten Punkte. Weitere Änderungen in Chrome 114 finden Sie unter den folgenden Links.

Abo

Wenn Sie auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal für Chrome-Entwickler. Wir benachrichtigen Sie per E-Mail, wenn wir ein neues Video veröffentlichen.

Hallo Adriana Jara, und sobald Chrome 115 veröffentlicht wird, melde ich mich mit Informationen zu den Neuheiten in Chrome.