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 einfach zu schließen sind und dafür einen einheitlichen Mechanismus verwenden. Diese Mechanismen werden als „Schließen“-Anfragen bezeichnet. Auf Desktop-Plattformen sind sie normalerweise der ESC-Schlüssel und auf Android-Geräten die „Zurück“-Geste oder die Schaltfläche „Zurück“.

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

Chrome 120 umfasst die Lösung mit CloseWatcher, einer neuen API für das direkte Zuhören und Beantworten von Schließanfragen. Außerdem umfasst es Upgrades für <dialog> und popover="", um das neue Framework für Schließanfragen zu verwenden und auf die Android-Schaltfläche „Zurück“ zu reagieren.

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

<details>-Namensattribut

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 höchstens ein Element in der Gruppe gleichzeitig geöffnet werden.

Hier sehen Sie 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>

Berichte 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 Meldemechanismus für Webanwendungen, mit denen Berichte basierend auf verschiedenen Plattformfunktionen verfügbar gemacht werden können.

Mit dieser Integration der Permissions Policy API und der Reporting API können Webentwickler Endpunkte konfigurieren, an die Berichte zu Berechtigungen von Richtlinienverstößen gesendet werden. So können Websiteinhaber sehen, wenn unzulässige Funktionen für ihre Seiten vor Ort angefordert werden.

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

…und vieles mehr

Natürlich gibt es noch viele weitere.

  • Die einfache Implementierung der CSS-Verschachtelung ermöglicht, dass verschachtelte Stilregeln mit einem Element beginnen und nicht mit is() umschlossen werden oder dass am Anfang ein kaufmännisches Und-Zeichen erforderlich ist.

  • Mit der Aktion enterpictureinpicture in der Media Session API können Websites einen Aktions-Handler registrieren, der zum Öffnen eines Bild-im-Bild-Fensters oder eines Dokument-Bild-im-Bild-Fensters verwendet werden kann.

  • Wir möchten dich daran erinnern, dass wir in Chrome daran arbeiten, Drittanbieter-Cookies einzustellen. Im Januar beginnt ein Test, der Auswirkungen auf Ihre Website haben könnte. Daher sollten Sie unter Vorbereitung auf die Einstellung von Drittanbieter-Cookies nachprüfen und Maßnahmen zur Schadensbegrenzung finden.

Weitere Informationen

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

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, unser Team wünscht Ihnen frohe Feiertage. Sobald Chrome 121 veröffentlicht wird, melde ich mich, um Ihnen die Neuerungen in Chrome mitzuteilen.