Neu auf der Webplattform im Februar

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

Ab Februar 2024 werden Firefox 123 und Chrome 122 ist jetzt stabil. In diesem Beitrag geht es um die neuen Funktionen der Webplattform.

Deklaratives Schatten-DOM

Firefox 123 unterstützt das Attribut shadowrootmode des <template> -Element und unterstützt so die Deklaratives Schatten-DOM. Diese Funktion vereint jetzt die neu verfügbare Baseline, da sie interoperabel ist. in allen wichtigen Browsern.

Unterstützte Browser

  • 111
  • 111
  • 123
  • 16.4

Quelle

103 Erste Hinweise: Vorabladen

Firefox 123 enthält die 103 Frühzeitige Hinweise Statuscode zum Vorabladen von Ressourcen.

Unterstützte Browser

  • 103
  • 103
  • 123
  • x

Änderungen an der ::backdrop-Übernahme von CSS-Code

Das CSS-Pseudoelement ::backdrop ist ein Feld in der Größe des Darstellungsbereichs. direkt unter jedem Element gerendert, das sich im obersten Layer befindet. In der ursprünglichen Spezifikation für ::backdrop wurde angegeben, dass sie nicht übernommen wurde von einem Element und wird nicht von übernommen. Das bedeutete, dass ::backdrop haben keinen Zugriff auf benutzerdefinierte Eigenschaften, die in :root deklariert wurden.

Die Spezifikation wurde geändert, damit ::backdrop Attribute übernehmen kann vom ursprünglichen Element entfernt. Diese Änderung ist in Chrome 122 implementiert.

Weitere Informationen zum Änderungen an ::backdrop.

Storage Buckets API

Chrome 122 enthält die Storage Buckets API. Mit dieser API können Websites Gerätedaten in Gruppen organisieren, können die Gruppendaten dann unabhängig von Daten in anderen Buckets entfernt werden.

Weitere Informationen finden Sie in der Dokumentation zur Storage Buckets API

Unterstützte Browser

  • 122
  • 122
  • x
  • x

Async Clipboard API: Unbereinigtes HTML lesen

Die Chrome 122-Beta enthält eine unsanitized-Option in der read()-Methode von Async Clipboard API um unbereinigtes HTML-Format abzurufen.

JavaScript-Set-Methoden

In Chrome 122 werden die folgenden Methoden von Set implementiert:

Diese Methoden sind bereits in Safari ab Version 17 implementiert, und sind in Firefox Nightly.

Unterstützte Browser

  • 122
  • 122
  • 127
  • 17

Quelle

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 124 Chrome 123 wurde diesen Monat veröffentlicht und Safari 17.4 fortlaufend ist. Diese Releases bieten viele tolle Funktionen auf der Plattform. Release ansehen Notizen zu allen Einzelheiten. Hier sind nur einige der Highlights:

Chrome 123 enthält mehrere neue CSS-Funktionen. Die Farbfunktion light-dark() erleichtert die Anpassung von Farbschemata an die Vorlieben der Nutzenden. Das field-sizing aktiviert, dass Texteingabefelder automatisch vergrößert werden. Es gibt ein neues Medium zum Testen von Apps, die im Bild-im-Bild-Modus angezeigt werden.

Die Eigenschaft text-spacing-trim wendet die Unterschneidung auf Chinesisch, Japanisch und und koreanische (CJK) Satzzeichen, um übermäßige Leerzeichen zu korrigieren. Weitere Informationen unter Wir präsentieren vier neue internationale Funktionen für Preisvergleichsportale.

In den Betaversionen von Chrome 123 und Safari 17.4 wird align-content unterstützt. im Block- und Tabellenlayout. Weitere Informationen zu die Änderung zu align-content Support. Websites testen, wenn Sie die Property möglicherweise außerhalb des Rasters verwenden oder flexible Layouts, da dies zu einer Ausrichtung führt, im Block-Layout.

Firefox 124 unterstützt das CSS content-visibility-Property. Mit dieser Eigenschaft wird festgelegt, ob ein Element seinen Inhalt rendert, sodass Browser Inhalte erst dann rendern können, wenn sie benötigt werden.