Neu in Chrome 120

Adriana Jara

Dazu sollten Sie Folgendes wissen:

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

CloseWatcher API.

Ein wichtiges Merkmal von modalen oder Pop-up-Komponenten ist, dass sie sich einfach und mit einem einheitlichen Mechanismus schließen lassen. Diese Mechanismen werden als Schließen-Anfragen bezeichnet. Auf Desktop-Plattformen sind sie normalerweise die ESC-Taste und unter Android die Zurück-Touch-Geste oder -Schaltfläche.

Webentwickler hatten keine gute Möglichkeit, Anfragen zum Schließen ihrer eigenen Komponenten zu verarbeiten. Das ist besonders auf Android-Geräten problematisch, da es recht schwierig ist, ein einfaches Schließen durch die Zurück-Geste zu ermöglichen.

Chrome 120 bietet die Lösung mit CloseWatcher, einer neuen API, die direkt auf Schließanfragen hört und darauf reagiert. Außerdem wurden <dialog> und popover="" aktualisiert, damit sie das neue Framework für Schließanfragen verwenden und auf die Android-Schaltfläche „Zurück“ reagieren.

Sehen Sie sich die Demo zur CloseWatcher API an, um sie auszuprobieren.

<details>-Namenattribut

Mit dem name-Attribut für das <details>-Element lässt sich das Akkordeonmuster mithilfe einer Sequenz von <details>-HTML-Elementen ganz einfach implementieren.

Mehrere <details>-Elemente mit demselben name bilden eine Gruppe. Bei dieser Konfiguration kann jeweils nur ein Element in dieser Gruppe geöffnet werden.

Hier ein Beispiel für eine Gruppe mit dem Namen cookies:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Meldungen zu Verstößen gegen die Berechtigungsrichtlinien

Berichte zu Berechtigungsrichtlinienverstößen sind jetzt verfügbar. In diese Berichte wird die Permissions Policy API eingebunden. Damit können Entwickler die für eine Seite, deren iFrames und Unterressourcen verfügbaren Browserfunktionen steuern. Dazu deklarieren Sie eine Reihe von Richtlinien, die der Browser mit der Reporting API durchsetzen soll. Die Reporting API bietet einen generischen Berichtsmechanismus für Webanwendungen, mit dem Berichte auf Grundlage verschiedener Plattformfunktionen verfügbar gemacht werden können.

Durch die Einbindung der Permissions Policy API und der Reporting API können Webentwickler Endpunkte konfigurieren, an die Berichte zu Verstößen gegen die Richtlinie zu Berechtigungen gesendet werden. So sehen Websiteinhaber, wann für ihre Seiten im Web nicht zulässige Funktionen angefordert werden.

Unter Browserfunktionen mit Berechtigungsrichtlinien steuern finden Sie weitere Informationen zur Implementierung.

…und vieles mehr

Natürlich gibt es noch viele weitere.

  • Durch die einfache Implementierung der CSS-Verschachtelung können verschachtelte Stilregeln mit einem Element beginnen und müssen nicht mit einem is() umschlossen werden oder ein kaufmännisches Und-Zeichen am Anfang erfordern.

  • Mit der Aktion enterpictureinpicture in der Media Session API können Websites einen Action-Handler registrieren, mit dem ein Bild-im-Bild- oder Dokument-im-Bild-Fenster geöffnet werden kann.

  • Zur Erinnerung: Drittanbieter-Cookies werden in Chrome eingestellt. Im Januar beginnt ein Test, der sich auf Ihre Website auswirken könnte. Lesen Sie sich daher den Hilfeartikel Auf die Einstellung von Drittanbieter-Cookies vorbereiten durch, um zu erfahren, wie Sie Ihre Website prüfen und anpassen können.

Weitere Informationen

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

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. Unser Team wünscht Ihnen frohe Festtage. Sobald Chrome 121 veröffentlicht wird, erzähle ich Ihnen gern, was es in Chrome Neues gibt.