Neu in Chrome 114

Adriana Jara

Dazu sollten Sie Folgendes wissen:

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

text-wrap:balance.

Verwenden Sie text-wrap: balance, um Textlayouts zu verbessern. Die folgende Animation zeigt den Unterschied, den Sie mit dieser Zeile erzielen können.

<ph type="x-smartling-placeholder">
</ph>
Demo ausprobieren

Als Entwickler kennen Sie die endgültige Größe, die Schriftgröße oder die Sprache des Textes nicht. Alle Variablen sind für eine effektive Behandlung des Textumbruchs erforderlich. Da der Browser alle Faktoren kennt, können Sie mit text-wrap:balance den Browser auffordern, die beste Lösung für einen ausgewogenen Zeilenumbruch zu finden.

Die beiden vorherigen Beispiele werden zusammen gezeigt, wobei eines als „unausgeglichen“ und das andere als „ausgeglichen“ markiert ist.

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

Der primäre Anwendungsfall für text-wrap: balance ist es, Anzeigentitel auszubalancieren. Für das Ausbalancieren des Textes fallen Leistungskosten an. Um die Kosten zu minimieren, funktioniert der Text nur für bis zu vier Zeilen.

In diesem Artikel finden Sie Beispiele und weitere Informationen, mit denen Sie Ihre Textlayouts verbessern können.

CHIPS: Cookies mit unabhängigem partitionierten Status.

Mit CHIPS (Cookies Having Independent Partitioned State) können Drittanbieter-Cookies mithilfe des neuen Cookie-Attributs Partitioned nach der Top-Level-Website partitioniert werden.

Vor CHIPS konnte ein Nutzer, der Website A besucht, von der eingebetteten Website C 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. Dadurch kann Website C die Browseraktivitäten eines Nutzers auf den Websites A und B sowie auf allen Websites, auf denen sie eingebettet ist, kompilieren.

Diagramm, das Websites und Speicher mit nicht partitionierten Cookies zeigt.

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 mit CHIPS Website A besucht und eingebettete Inhalte von Website C ein Cookie mit dem Attribut „Partitioned“ (Partitioniert) setzt, wird das Cookie nur für Cookies in einer partitionierten JAR-Datei gespeichert, die von Website C beim Einbetten auf Website A gesetzt wird. Der Browser sendet dieses Cookie nur, wenn die Website der obersten Ebene A ist.

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

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

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

Die Popover API.

Mit der Popover API ist es einfacher, vorübergehende UI-Elemente zu erstellen, die über allen anderen UI-Elementen der Web-App angezeigt werden.

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

Mit dem neuen Popover-Attribut kann jedes Element automatisch auf der obersten Ebene angezeigt werden. Entwickler müssen sich also keine Gedanken mehr um Positionierung, Stapelung von Elementen, Fokus oder Tastaturinteraktionen machen.

Es ähnelt dem <dialog>-Element, weist jedoch einige wichtige Unterschiede auf, z. B. beim leicht zu schließenden Verhalten, beim Pop-over-Interaktionsmanagement, bei der Unterstützung von Ereignissen und dem Fehlen eines modalen Fensters. .

Weitere Informationen findest du in diesem Artikel.

…und vieles mehr

Natürlich gibt es noch viele weitere.

Weitere Informationen

Hier werden nur einige wichtige Punkte behandelt. Klicken Sie auf die Links unten, zusätzliche Änderungen in Chrome 114.

Abonnieren

Um immer auf dem Laufenden zu bleiben, abonniere die YouTube-Kanal für Chrome-Entwickler, Außerdem wirst du per E-Mail benachrichtigt, sobald wir ein neues Video veröffentlichen.

Hallo, Adriana Jara, und sobald Chrome 115 veröffentlicht ist, erfährst du, was es Neues bei Chrome gibt.