Neu auf der Webplattform im Dezember

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

Stabile Browserversionen

Im Dezember sind Firefox 108 und Safari 16.2 stabil. Sehen wir uns einmal an, was das für die Webplattform bedeutet.

Unterstützung für die Attribute height und width von <source>

Firefox 108 unterstützt die Attribute height und width für das <source>-Element, wenn es einem <picture>-Element untergeordnet ist. Diese Attribute akzeptieren die Höhe oder Breite des Bildes in Pixeln als Ganzzahl ohne Einheit.

Unterstützte Browser

  • 90
  • 90
  • 108
  • 15

Trigonometrische CSS-Funktionen

Firefox unterstützt jetzt auch trigonometrische Funktionen in CSS: sin(), cos(), tan(), asin(), acos(), atan() und atan2().

Unterstützte Browser

  • 111
  • 111
  • 108
  • 15,4

Quelle

Unterstützung der letzten Baseline in allen drei Suchmaschinen

Neben einer Reihe von CSS-Fehlerkorrekturen bietet Safari 16.2 die last baseline-Ausrichtung für das CSS-Raster- und Flexbox-Layout. Dies bedeutet, dass diese Funktion jetzt in den drei wichtigsten Browser-Engines unterstützt wird.

Preisvergleichsportal font-variant-alternates

Safari unterstützt außerdem zusätzliche Werte für die CSS-Eigenschaft font-variant-alternates: annotation(Wertname), character-variant(Wertname), Ornaments(Wertname), styleset(Wertname), stylistic(Wertname), swash(Wertname) und die zugehörige At-Regel @font-feature-values.

Unterstützte Browser

  • 111
  • 111
  • 34
  • 9,1

Quelle

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 sind Firefox 109, Safari 16.3 und Chrome 109.

Die einzige neue Funktion, die für Safari 16.3 aufgeführt wurde, ist das Hinzufügen der Content-Security-Policy-Anweisung prefetch-src. Diese Betaversion enthält auch eine Reihe von Korrekturen.

Chrome 109 unterstützt MathML, eine Sprache zur Beschreibung der mathematischen Notation, die in HTML und SVG eingebettet werden kann.

Neu in Chrome für Android ist die sichere Zahlungsbestätigung (SPC). Dies ist ein vorgeschlagener Webstandard, mit dem sich Kunden bei einem Kreditkartenaussteller, einer Bank oder einem anderen Zahlungsdienstleister mithilfe einer Plattformauthentifizierungs-App authentifizieren können. Diese wird normalerweise über die Bildschirmentsperrungsfunktion eines Geräts aktiviert, z. B. einen Fingerabdrucksensor.

Neu in Chrome unter Android ist außerdem das Origin Private File System (OPFS), ein Teil der File System Access API für Android. Dazu gehört die gesamte Oberfläche der File System Access API ohne die show{OpenFile, SaveFile, Directory}Picker()-Methoden und die Drag-and-drop API-Integration.

Für CSS gibt es in Chrome die Längeneinheit lh. Diese Einheit entspricht dem berechneten Wert der Zeilenhöheneigenschaft für das Element, für das sie verwendet wird. Außerdem die Eigenschaft hyphenate-limit-chars, mit der die Mindestanzahl von Zeichen in einem Wort mit Bindestrich angegeben wird.

Bei der Erstellung dieses Dokuments und möglicherweise aufgrund der Feiertage wurden die Versionshinweise von Firefox nicht aktualisiert.

Weitere Nachrichten

In diesem Beitrag stellen wir Ihnen die 12. Ausgabe dieser Blogpost-Reihe vor. Im Jahr 2022 stellen wir Ihnen eine Auswahl interessanter Funktionen vor, die jeden Monat im Browser erscheinen. 2023 bin ich wieder da, um jeden Monat über einige interessante Neuigkeiten auf der Webplattform zu sprechen.

Viele der Funktionen, die im vergangenen Jahr in Browsern eingeführt wurden, und viele davon, die als „CSS-Fixes“ erwähnt werden, waren Teil des Interop 2022. Weitere Informationen zu dieser browserübergreifenden Initiative zur Verbesserung einiger der größten Interoperabilitätsprobleme auf der Webplattform finden Sie im Jahresabschlussbericht des Chrome-Teams.

Interessant für die Leser dieses Beitrags ist auch diese Liste mit Updates, die auf den MDN-Browserkompatibilitätsdaten basiert, die von unseren Freunden bei MDN veröffentlicht wurde.

Teil der Reihe zum Thema „Neu im Web“