Neu auf der Webplattform im September

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

Seit September sind Firefox 105, Chrome 106 und Safari 16 stabil. Der Beitrag im September enthält also viele spannende Neuigkeiten für die Webplattform.

Safari 16 unterstützt jetzt Containerabfragen, eine Funktion, die jetzt in zwei Engines verfügbar ist. Safari unterstützt außerdem die neuen Container-Abfrageeinheiten.

Unterstützte Browser

  • 105
  • 105
  • 110
  • 16

Quelle

Rasterlayout

Safari hat jetzt Unterstützung für den subgrid-Wert grid-template-columns und grid-template-rows. Wenn dieser Wert für ein Raster verwendet wird, das zugleich ein Rasterelement ist, bedeutet dies, dass das Raster nicht neue Tracks definiert, sondern diejenigen nutzt, die sich über das übergeordnete Element erstrecken.

In Safari oder Firefox werden die Kopf- und Fußzeilen auf diesen Karten ausgerichtet, da die Tracks ein Unterraster des übergeordneten Elements sind.

Unterstützte Browser

  • 117
  • 117
  • 71
  • 16

Quelle

In Safari besteht für das Rasterlayout die Möglichkeit, Rasterspuren zu animieren.

Unterstützte Browser

  • 107
  • 107
  • 66
  • 16

Safari unterstützt außerdem die Medienabfragen offset-path, overscroll-behavior, text-align-last und die resolution-Medienabfrage.

Codierungs-API

Firefox 105 unterstützt die Schnittstellen TextDecoderStream und TextEncoderStream der Encoding API.

Unterstützte Browser

  • 71
  • 79
  • 105
  • 14.1

Quelle

Neue internationale APIs

Mit den internationalen APIs können Inhalte in einem lokalisierten Format dargestellt werden. In Chrome 106 gibt es eine Reihe neuer Zahlenformatfunktionen.

Wie bei anderen internationalen APIs verlagert dies die Belastung auf das System, sodass Sie nicht für jeden Nutzer komplexen Lokalisierungscode versenden oder verwalten müssen. Die API weiß, wo das Währungssymbol platziert wird, wie Datum und Uhrzeit formatiert oder eine Liste zusammengestellt werden soll.

Die showPicker()-Methode

Safari 16 enthält die showPicker()-Methode. Diese ermöglicht eine kanonische Methode zum Anzeigen einer Browserauswahl für Datum, Uhrzeit, Farbe und Dateien. Weitere Informationen finden Sie unter Browserauswahl für Datum, Uhrzeit, Farbe und Dateien anzeigen.

Beta-Browser-Releases

Beta-Browser-Versionen bieten eine Vorschau auf Elemente in der nächsten stabilen Version des Browsers. Dies ist ein guter Zeitpunkt, um neue Funktionen zu testen oder die Entfernung von Inhalten zu testen, die sich auf Ihre Website auswirken könnten, bevor die Veröffentlichung weltweit verfügbar ist. Die neuen Betaversionen in diesem Monat sind Chrome 107, Safari 16.1 und Firefox 106.

In Chrome 107 gibt es jetzt die Möglichkeit, Raster-Tracks zu animieren. Diese Funktion wurde diesen Monat auch in Safari eingeführt. Sobald diese Funktion in Chrome verfügbar ist, wird sie in allen drei wichtigen Suchmaschinen unterstützt.

In Chrome gibt es außerdem einige Ergänzungen zu getDisplayMedia(), die verhindern sollen, dass der Bildschirm mit einer zu großen Bildschirmfreigabe geteilt wird.

  • Mit der Option displaySurface kann angegeben werden, dass die Web-App einen bestimmten Anzeigeoberflächentyp (Tabs, Fenster oder Bildschirme) vorziehen soll.
  • Die Option surfaceSwitching gibt an, ob Chrome dem Nutzer erlauben soll, dynamisch zwischen freigegebenen Tabs zu wechseln.
  • Mit der Option selfBrowserSurface kann verhindert werden, dass der Nutzer den aktuellen Tab teilt. Dadurch wird der „Hall of Spiegel“-Effekt vermieden.
  • Mit der Option systemAudio wird dafür gesorgt, dass dem Nutzer nur relevante Audioaufnahmen in Chrome angeboten werden.

Safari 16.1 enthält eine zusätzliche Korrektur für die Barrierefreiheit von display: contents, eine Korrektur für Einheiten mit dynamischer Höhe des Darstellungsbereichs (dvh) und Unterstützung für das Scrollen zu Textfragmenten.

Teil der Reihe zum Thema „Neu im Web“