Neu auf der Webplattform seit April

Hier finden Sie einige der interessanten Funktionen, die im April 2022 in stabilen und Beta-Webbrowsern eingeführt wurden.

Stabile Browserversionen

Im April wurden Chrome 101 und Firefox 99 als stabile Versionen veröffentlicht. Nach der Vielzahl an neuen Funktionen im letzten Monat war es im April etwas ruhiger. Es gab aber trotzdem ein paar interessante Neuerungen.

Chrome 101 unterstützt die HWB-Farbnotation. Hier wird die Farbe anhand ihres Farbtons, ihrer Weiß- und Schwarzwerte angegeben. Wie bei anderen Farbnotationen gibt eine optionale Alphakomponente die Deckkraft an.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Weitere Informationen zu hwb() finden Sie in diesem Artikel von Stefan Judis: hwb() – eine Farbnotation für Menschen?

Unterstützte Browser

  • Chrome: 101.
  • Edge: 101.
  • Firefox: 96
  • Safari: 15.

Quelle

In Chrome 101 ist außerdem die Funktion Abrufpriorität verfügbar. So können Sie dem Browser mithilfe des Attributs fetchpriority mitteilen, in welcher Reihenfolge Ressourcen heruntergeladen werden sollen. Im Beispiel unten ist ein Bild mit niedriger Priorität mit fetchpriority="low" gekennzeichnet.

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

Die Abrufpriorität ist noch nicht in anderen Browsern verfügbar. Sie können sie jedoch sofort verwenden, um allen Nutzern mit einem Browser, der auf Chromium 101 basiert, zu helfen.

Unterstützte Browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Quelle

Firefox 99 enthält die Eigenschaft pdfViewerEnabled der Navigator-Oberfläche. Diese Property gibt an, ob der Browser die Inline-Anzeige von PDF-Dateien unterstützt.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

Unterstützte Browser

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 99.
  • Safari: 16.4.

Quelle

Betaversionen von Browsern

Betaversionen von Browsern bieten eine Vorschau auf Funktionen, die in der nächsten stabilen Version des Browsers enthalten sein werden. Jetzt ist der ideale Zeitpunkt, um neue Funktionen oder Änderungen zu testen, die sich auf Ihre Website auswirken könnten, bevor sie allgemein verfügbar sind.

Im April wurden die neuen Betaversionen Chrome 102, Firefox 100 und Safari 15.5 veröffentlicht.

Chrome 102, Safari 15.5 und die Vorabversionen von Firefox unterstützen das Attribut inert. Dadurch werden Elemente aus der Tabulatorreihenfolge und dem Baum für Barrierefreiheit entfernt, wenn sie nicht interaktiv sind. Beispielsweise ein Element, das derzeit nicht auf dem Bildschirm oder ausgeblendet ist.

Chrome 102 enthält den neuen Wert until-found für das HTML-Attribut hidden. Dies ermöglicht das Suchen auf der Seite und das Scrollen zu einem Textfragment, das sich innerhalb eines minimierten Seitenbereichs befindet, wie es bei einem Akkordeonmuster der Fall ist. Weitere Informationen finden Sie im Beitrag Minimierte Inhalte mit „hidden=before-found“ zugänglich machen.

Unterstützte Browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: Nicht unterstützt.
  • Safari: Nicht unterstützt.

Quelle

Chrome 102 enthält außerdem die Local Font Access API, die den Zugriff auf die lokal installierten Schriftarten des Nutzers ermöglicht.

Diese Betafunktionen werden bald in stabilen Browsern verfügbar sein.

Teil der Serie Neu im Web