Neu in Chrome 120

Adriana Jara

Dazu sollten Sie Folgendes wissen:

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

CloseWatcher API

Ein wichtiges Merkmal von Modale- oder Pop-up-Komponenten ist, dass sie sich leicht schließen lassen und dabei über einen einheitlichen Mechanismus verfügen. Diese Mechanismen werden als Schließen-Anfragen bezeichnet. Sie sind in der Regel die ESC-Taste auf Desktop-Plattformen und die Zurück-Touch-Geste oder Schaltfläche unter Android.

Webentwickler hatten keine gute Möglichkeit, Schließanfragen für ihre eigenen Komponenten zu verarbeiten. Besonders auf Android-Geräten ist dies problematisch, da das einfache Schließen der Touch-Geste „Zurück“ ziemlich komplex ist.

Chrome 120 bietet die Lösung mit CloseWatcher, einer neuen API für die direkte Überwachung und Reaktion auf Schließanfragen. Außerdem sind Upgrades für <dialog> und popover="" enthalten, damit sie das neue Framework für Schließanfragen verwenden können, damit sie auf die Android-Schaltfläche „Zurück“ reagieren.

Sieh dir die Demo der CloseWatcher API an und probier es aus.

<details>-Namensattribut

Das Attribut name für das Element <details> erleichtert die Implementierung des Akkordeonmusters mithilfe einer Sequenz von <details>-HTML-Elementen.

Mehrere <details>-Elemente mit derselben name bilden eine Gruppe. Bei dieser Konfiguration kann höchstens ein Element in dieser Gruppe gleichzeitig geöffnet werden.

Hier ein Beispiel mit einer 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>

Berichte zu Verstößen gegen die Berechtigungsrichtlinie

Berichte zu Verstößen gegen die Berechtigungsrichtlinien sind jetzt verfügbar. Diese Berichte enthalten die Permissions Policy API, mit der Entwickler die für eine Seite, ihre iFrames und Unterressourcen verfügbaren Browserfunktionen steuern können, indem sie eine Reihe von Richtlinien deklarieren, die der Browser mit der Reporting API erzwingen soll. Das Reporting API bietet einen generischen Meldemechanismus für Webanwendungen, mit dem Berichte basierend auf verschiedenen Plattformfunktionen verfügbar gemacht werden können.

Durch die Integration der Berechtigungen Policy API und der Reporting API können Webentwickler Endpunkte konfigurieren, an die Berichte zu Verstößen gegen Berechtigungsrichtlinien gesendet werden. So sehen Websiteinhaber, wenn im Feld unzulässige Funktionen für ihre Seiten angefordert werden.

Die Steuerung von Browserfunktionen mit Berechtigungsrichtlinien umfasst mehr Implementierungsdetails.

…und vieles mehr

Natürlich gibt es noch viel mehr.

  • Durch die gelockerte CSS-Verschachtelungsimplementierung können verschachtelte Stilregeln mit einem Element beginnen, anstatt sie mit is() zu umbrechen oder ein kaufmännisches Und-Zeichen am Anfang zu erfordern.

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

  • Wir möchten daran erinnern, dass Drittanbieter-Cookies in Chrome bald eingestellt werden. Im Januar beginnt ein Test, der sich auf Ihre Website auswirken könnte. Daher ist es wichtig, dass Sie die Option Vorbereitung auf das Ende von Drittanbieter-Cookies aktivieren, um zu prüfen und zu vermeiden, was Sie tun.

Weitere Informationen

Dies sind nur einige der wichtigsten Punkte. Weitere Änderungen in Chrome 120 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, unser Team wünscht frohe Festtage. Sobald Chrome 121 veröffentlicht wird, informiere ich dich über die Neuheiten in Chrome.