Neu in Chrome 114

Adriana Jara

Dazu sollten Sie Folgendes wissen:

  • Mit CSS text-wrap: balance können Sie Textlayouts verbessern.
  • Hier finden Sie Informationen zu Cookies, die nach der Website der obersten Ebene partitioniert sind (CHIPS).
  • Mit der Popover API sind Pop-ups jetzt 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, die 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, wie Sie Ihre Textlayouts verbessern können.

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, in die auch Website C eingebettet ist, kann Website C auf dasselbe Cookie zugreifen, das auf Website A gesetzt wurde. So kann Website C die Browseraktivitäten eines Nutzers auf Website A, Website B und jeder Website zusammenstellen, in die sie eingebettet ist.

Diagramm mit Websites und Speicherplatz mit nicht partitionierten Cookies

Websiteübergreifendes Tracking ist zwar ein Problem, aber es gibt legitime Anforderungen an websiteübergreifende Cookies, die mithilfe der 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 mit Websites und partitioniertem Speicher mit Cookies

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.

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, darunter das Verhalten beim Schließen, die Verwaltung von Popover-Interaktionen, die Ereignisunterstützung und das Fehlen eines Modal-Modus.

Weitere Informationen finden Sie in diesem Artikel.

…und vieles mehr

Natürlich gibt es noch viel mehr.

Weitere Informationen

Dies sind nur einige wichtige Highlights. Unter den folgenden Links finden Sie weitere Informationen zu Änderungen in Chrome 114.

Abonnieren

Wenn Sie auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal von Chrome Developers. Sie erhalten dann eine E-Mail-Benachrichtigung, sobald wir ein neues Video veröffentlichen.

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