Neu auf der Webplattform im Dezember

Entdecke einige der interessanten Funktionen, die jetzt in der stabilen Version und in der Betaversion verfügbar sind. .

Stabile Browserversionen

Ab Dezember 2023 Firefox 121, Chrome 120 und Safari 17.2 ist nun stabil. In diesem Beitrag geht es darum, was das für die Webplattform bedeutet.

Entspanntes Parsen bei CSS-Verschachtelung

Chrome 120 und Safari 17.2 umfassen relaxtes Parsing bei CSS-Verschachtelungen. Da dies in Firefox seit Version 117 unterstützt wird, wird diese Syntaxänderung von allen wichtigen Suchmaschinen unterstützt.

Exklusive Akkordeons mit dem Element <details>

Chrome 120 und Safari 17.2 unterstützen das Attribut name für die <details>-Element. Das bedeutet, dass ihr exklusive Akkordeonkomponenten indem du eine Reihe von <details>-Elementen gruppiert.

Weitere Informationen findest du im exklusiven Akkordeon.

Unterstützte Browser

  • 120
  • 120
  • x
  • 17.2

Der :has()-Selektor

Firefox 121 enthält den CSS-:has()-Selektor. Mit dieser Version ist :has() in allen wichtigen Suchmaschinen interoperabel.

Weitere Informationen findest du unter :has(): Familienauswahl.

Unterstützte Browser

  • 105
  • 105
  • 121
  • 15,4

Quelle

CSS Custom Highlight API

Safari 17.2 enthält die CSS Custom Highlight API mit der Sie Textbereiche erstellen und gestalten können, Erweiterung der standardmäßigen Highlight-Pseudoklassen wie ::selection.

Unterstützte Browser

  • 105
  • 105
  • 17.2

Quelle

Die CloseWatcher API

Chrome 120 enthält die CloseWatcher API, eine neue API zum Überwachen und Reagieren auf Schließanfragen. Diese Anfragen werden auf dem Computer durch die Taste ESC und auf Android-Geräten durch die Touch-Geste „Zurück“ oder die Schaltfläche „Zurück“ ausgelöst. und die Implementierung ist unter Umständen schwierig.

Neben der API werden in Chrome 120 auch <dialog> und das popover-Attribut aktualisiert, um auf die Android-Schaltfläche „Zurück“ zu reagieren.

Unterstützte Browser

  • 126
  • 126
  • x
  • x

Preisvergleichsportal text-wrap: balance und stable

Firefox 121 enthält die Werte balance und stable für text-wrap. Der Wert balance ist nützlich für kurze Inhaltsblöcke wie Überschriften, um ansprechendere und leichter lesbare Texte zu erstellen. Der Wert stable verhindert, dass bearbeitbarer Inhalt während der Bearbeitung nach unten verkleinert wird.

Weitere Informationen zu text-wrap: balance

text-wrap: balance

Unterstützte Browser

  • 114
  • 114
  • 121
  • 17,5

Quelle

text-wrap: stable

Unterstützte Browser

  • x
  • x
  • 121
  • 17,5

Quelle

Lazy Loading von <iframe>-Elementen

Firefox 121 unterstützt das Attribut loading bei <iframe>-Elementen. Das bedeutet, dass Lazy Loading von iFrames jetzt von allen gängigen Suchmaschinen unterstützt wird.

Unterstützte Browser

  • 77
  • 79
  • 121
  • 16.4

Unterstützung der Easing-Funktion linear()

Safari 17.2 unterstützt außerdem die Easing-Funktion linear(), mit der sich Frühlings- und Frühlingseffekte.

Unterstützte Browser

  • 113
  • 113
  • 112
  • 17.2

Betaversionen des Browsers

Beta-Browserversionen bieten Ihnen eine Vorschau auf Dinge, die in den nächsten die stabile Version des Browsers. Jetzt ist ein guter Zeitpunkt, neue Funktionen zu testen. zu entfernen, die sich auf deine Website auswirken könnten, Neu Betas sind Firefox 122 Chrome 121 und Safari 17.3. Diese Releases bieten viele tolle Funktionen auf der Plattform. Release ansehen Notizen zu allen Einzelheiten. Hier sind nur einige der Highlights:

Firefox 122 und Chrome 121 enthalten die Methode showPicker() für HTMLSelectElement. Hier sehen Sie dieselbe Auswahl, kann aber durch das Drücken einer Schaltfläche oder eine andere Nutzerinteraktion ausgelöst werden.

Chrome 121 enthält die Stileigenschaften scrollbar-color und scrollbar-width der Bildlaufleiste. CSS-Maskierung für SVG verbessert, und Pseudoelemente für Text hervorheben, der falsch geschrieben wurde oder grammatikalisch falsch ist.