Neu auf der Webplattform seit Januar

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

Stabile Browserversionen

Seit Januar 2023 sind Firefox 109, Chrome 109 und Safari 16.3 stabil. Sehen wir uns einmal an, was das für die Webplattform bedeutet.

MathML

Chrome 109 unterstützt MathML, eine Sprache zur Beschreibung der mathematischen Notation, die in HTML und SVG eingebettet werden kann. Diese Version bedeutet, dass MathML jetzt mit allen gängigen Modulen interoperabel ist.

Das Ereignis scrollend

scrollend wird in Firefox 109 implementiert. Dieses Ereignis bietet eine zuverlässige Möglichkeit, um zu erkennen, dass ein Scrollen abgeschlossen ist. Weitere Informationen zu diesem Ereignis, das auch in Chrome implementiert wird, finden Sie im Artikel Scrollend, ein neues JavaScript-Ereignis.

Unterstützte Browser

  • 114
  • 114
  • 109
  • x

Quelle

Die CSS-Längeneinheit lh und hyphenate-limit-chars

Für CSS gibt es in Chrome die Längeneinheit lh. Diese Einheit entspricht dem berechneten Wert der Eigenschaft line-height für das Element, für das sie verwendet wird.

Unterstützte Browser

  • 109
  • 109
  • 120
  • 16.4

Außerdem die Eigenschaft hyphenate-limit-chars, mit der die Mindestanzahl von Zeichen in einem Wort mit Bindestrich angegeben wird.

Unterstützte Browser

  • 109
  • 109
  • x
  • x

Content Security Policy (CSP) prefetch-src

Safari 16.3 ist in erster Linie eine Version von Fehlerbehebungen und behebt eine Reihe von CSS-Größenproblemen. Die einzige neue Funktion, die in den Hinweisen aufgeführt wird, ist die neue Content Security Policy-Anweisung prefetch-src.

Unterstützte Browser

  • x
  • x
  • x
  • 16.3

Quelle

Funktionen für Chrome unter Android

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), das Teil der File System Access API für Android ist. 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.

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 110 und Chrome 110.

Chrome 110 enthält die CSS-Eigenschaft initial-letter. Mit dieser Eigenschaft können Sie die Anzahl der Zeilen festlegen, die ein Buchstabe in den Text vertieft werden soll. Weitere Informationen finden Sie im Artikel Drop-down-Menüs mit dem Anfangsbuchstaben von CSS verwalten.

Außerdem ist für CSS in Chrome 110 die Pseudoklasse :picture-in-picture verfügbar. So können Sie den Mediaplayer ausrichten und anpassen, wenn Videos in den Bild-im-Bild-Modus wechseln oder diesen beenden.

Chrome enthält die Methode setSinkID() der AudioContext API. Mit dieser Methode können Sie das Ziel-Audiogerät bei Verwendung von Web Audio ändern.

Firefox 110 bietet eine Größe für Container-Abfragen, die uns bei dieser lang erwarteten Funktion Interoperabilität zwischen den drei wichtigsten Browser-Engines ermöglicht.

Teil der Reihe zum Thema „Neu im Web“