Entdecken Sie einige der interessanten Funktionen, die im Februar 2024 in stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
Im Februar 2024 sind Firefox 123 und Chrome 122 stabil. In diesem Beitrag werden die neuen Funktionen der Webplattform beschrieben.
Deklaratives Schatten-DOM
Firefox 123 unterstützt das Attribut shadowrootmode des Elements <template> und damit auch das deklarative Shadow-DOM.
Dieses Feature verbindet jetzt die neu verfügbare Baseline-Version, da es in allen wichtigen Browsern interoperabel ist.
Unterstützte Browser
- 111
- 111
- 123
- 16.4
103 Erste Hinweise: Vorabladen
Firefox 123 enthält den Statuscode 103 Early Hints zum Vorabladen von Ressourcen.
Unterstützte Browser
- 103
- 103
- 123
- x
Änderungen an der CSS-::backdrop-Übernahme
Das CSS-Pseudoelement ::backdrop ist ein Feld der Größe des Darstellungsbereichs, das direkt unter jedem Element auf der obersten Ebene gerendert wird.
In der ursprünglichen Spezifikation für ::backdrop wurde angegeben, dass es von keinem Element übernommen wurde und von diesem auch nicht übernommen wurde. Dies bedeutete, dass ::backdrop keinen Zugriff auf benutzerdefinierte Eigenschaften hatte, die für :root deklariert wurden.
Die Spezifikation wurde geändert, sodass ::backdrop Attribute aus dem ursprünglichen Element übernehmen kann. Diese Änderung wird in Chrome 122 implementiert.
Weitere Informationen zu den Änderungen an ::backdrop.
Storage Buckets API
Chrome 122 enthält die Storage Buckets API. Mit dieser API können Websites Gerätedaten in Buckets organisieren. Die Gruppendaten können dann unabhängig von Daten entfernt werden, die sich in anderen Buckets befinden.
Weitere Informationen finden Sie in der Dokumentation zur Storage Buckets API.
Unterstützte Browser
- 122
- 122
- x
- x
Async Clipboard API: Unbereinigten HTML-Code lesen
Die Betaversion von Chrome 122 enthält die Option unsanitized in der Methode read() der Async Clipboard API, um nicht bereinigtes HTML-Format abzurufen.
JavaScript-Set-Methoden
In Chrome 122 werden die folgenden Set-Methoden implementiert:
Diese Methoden sind bereits in Safari ab Version 17 implementiert und sind in Firefox Nightly verfügbar.
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 124, Chrome 123, das diesen Monat veröffentlicht wurde, und Safari 17.4 läuft noch. Diese Releases bieten viele tolle Funktionen auf der Plattform. Weitere Informationen finden Sie in den Versionshinweisen. Hier ein paar Highlights.
Chrome 123 enthält mehrere neue CSS-Funktionen. Mit der Farbfunktion light-dark() ist es einfacher, Farbschemas an Nutzerpräferenzen anzupassen. Das Attribut field-sizing ermöglicht automatisch vergrößerte Texteingabefelder. Es gibt eine neue Medienfunktion zum Testen von Apps, die im Bild-im-Bild-Modus angezeigt werden.
Die Eigenschaft text-spacing-trim wendet die Unterschneidung auf chinesische, japanische und koreanische Satzzeichen (CJK) an, um übermäßige Leerzeichen anzupassen.
Weitere Informationen finden Sie unter Vier neue internationale Funktionen für Preisvergleichsportale.
In den Betaversionen von Chrome 123 und Safari 17.4 wird align-content im Block- und Tabellenlayout unterstützt. Weitere Informationen zur Änderung des align-content-Supports Testen Sie Ihre Websites, wenn Sie die Eigenschaft möglicherweise außerhalb von Raster- oder flexiblen Layouts verwenden. Dies führt zu einer Ausrichtung, wo sie zuvor im Blocklayout nicht funktionierte.
Firefox 124 unterstützt die CSS-Eigenschaft content-visibility.
Diese Eigenschaft bestimmt, ob ein Element den Inhalt überhaupt rendert. So können Browser den Inhalt erst dann rendern, wenn er benötigt wird.