Neu auf der Webplattform seit April

Entdecken Sie einige der interessanten Funktionen, die im April 2024 in stabilen und Beta-Webbrowsern eingeführt wurden.

Seit April 2024 sind Firefox 125 und Chrome 124 stabil. In diesem Beitrag werden die neuen Funktionen der Webplattform beschrieben.

Vier neue Funktionen sind jetzt in Baseline verfügbar

Firefox 125 hat vier neue Funktionen zu Baseline Newly verfügbar hinzugefügt. Die Popover API, Intl.Segmenter, align-content für Blocklayouts und die Werte content-box und stroke-box für transform-box.

Popover API

Mit der Popover API können Sie viele Arten von nicht modalen Pop-ups erstellen. Dazu gehören Kurzinfos, Menüs, benutzerdefinierte Toast-Pop-ups und vieles mehr. Pop-over enthalten viele integrierte Funktionen, für die Sie zuvor JavaScript schreiben mussten. Weitere Informationen finden Sie unter Popover API landet in Baseline.

Unterstützte Browser

  • 114
  • 114
  • 125
  • 17

Quelle

Intl.Segmenter

Intl.Segmenter aktiviert lokal sensible Textsegmentierung. So können Sie z. B. Wörter in Sprachen aufteilen, die keine Leerzeichen enthalten. Weitere Informationen

Unterstützte Browser

  • 87
  • 87
  • 125
  • 14.1

Quelle

align-content für Blocklayouts

Die Eigenschaft align-content wird jetzt in allen wichtigen Modulen für das Blocklayout unterstützt. Das bedeutet, dass Sie die Blockrichtung ausrichten können, ohne auch ein flexibles oder Rasterlayout für das übergeordnete Element erstellen zu müssen. Ein Beispiel finden Sie unter Die Eigenschaft „align-content“ für Blocklayouts ist jetzt Teil von Baseline .

Unterstützte Browser

  • 123
  • 123
  • 125
  • 17,4

Preisvergleichsportal transform-box

In Firefox 125 sind dies die Werte content-box und stroke-box für die Property transform-box. Für den Wert content-box wird der Inhaltsrahmen verwendet und stroke-box, der Begrenzungsrahmen für den Strich, der die Form eines SVG enthält.

Unterstützte Browser

  • 118
  • 118
  • 125
  • 13.1

Die WebSocketStream API

Die WebSocketStream API integriert WHATWG-Streams in die WebSocket API und ist in Chrome 124 verfügbar. Weitere Informationen finden Sie unter WebSocketStream: Streams mit der WebSocket API einbinden.

Unterstützte Browser

  • 124
  • 124
  • x
  • x

setHTMLUnsafe und parseHTMLUnsafe

Chrome 124 enthält auch die Methoden setHTMLUnsafe und parseHTMLUnsafe, mit denen Sie das deklarative Shadow-DOM aus JavaScript verwenden können. Diese Methoden bieten im Vergleich zu innerHTML oder DOMParser auch eine einfachere Möglichkeit, HTML in DOM zu parsen.

Unterstützte Browser

  • 124
  • 124
  • 123
  • 17,4

Beta-Browser-Releases

Betaversionen des Browsers liefern Ihnen eine Vorschau auf Elemente, die sich in der nächsten stabilen Version des Browsers befinden werden. Dies ist ein guter Zeitpunkt, um neue Funktionen zu testen oder zu entfernen, die sich auf deine Website auswirken könnten, bevor die Veröffentlichung weltweit verfügbar ist. Die neuen Betaversionen sind Firefox 126, Safari 17.5 und Chrome 125. Diese Releases bieten viele tolle Funktionen auf der Plattform. Weitere Informationen finden Sie in den Versionshinweisen. Hier ein paar Highlights.

Safari 17.5 enthält die Farbfunktion light-dark(), die zu „Baseline neu verfügbar“ wird, sobald Version 17.5 stabil ist.

Neu verfügbar sind auch die CSS-Funktionen für abgestufte CSS-Werte. Chrome 125 umfasst round(), mod() und rem().

Chrome 125 enthält außerdem die Compute Pressure API und die CSS-Ankerpositionierung.

Firefox 126 enthält die Screen Wake Lock API und damit eine weitere Baseline-Funktion.