Entdecken 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 stabil. Nachdem letzten Monat viele neue Funktionen eingeführt wurden, war es im April etwas ruhiger, aber es gab auch einige interessante Funktionen, die wir nutzen konnten.
Chrome 101 unterstützt die HWB-Farbnotation. Hiermit wird die Farbe anhand von Farbton, Weiß und Schwärzung angegeben. Wie bei anderen Farbnotationen gibt eine optionale Alpha-Komponente die Deckkraft an.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Weitere Informationen zu hwb() findest du in diesem Artikel von Stefan Judis: hwb() – eine Farbnotation für Menschen?.
In Chrome 101 steht auch die Funktion Abrufpriorität zur Verfügung. Mithilfe des Attributs fetchpriority können Sie dem Browser einen Hinweis darauf geben, in welcher Reihenfolge Ressourcen heruntergeladen werden sollen. Im folgenden Beispiel wird 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 in anderen Browsern noch nicht verfügbar. Sie können sie aber schon jetzt verwenden, damit alle von einem Browser profitieren, der auf Chromium 101 basiert.
Firefox 99 enthält die Eigenschaft pdfViewerEnabled der Navigator-Benutzeroberfläche. Diese Eigenschaft 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.
}
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 im April waren Chrome 102, Firefox 100 und Safari 15.5.
Die Vorschauversionen von Chrome 102, Safari 15.5 und Firefox enthalten das Attribut inert. Dadurch werden Elemente aus der TAB-Reihenfolge und der Barrierefreiheitsstruktur entfernt, wenn sie nicht interaktiv sind. Dies kann z. B. ein Element sein, das derzeit nicht auf dem Bildschirm zu sehen ist oder ausgeblendet ist.
Chrome 102 enthält den neuen Wert until-found für das HTML-Attribut hidden. Dies ermöglicht die Suche auf der Seite und das Scrollen zum Textfragment in Text, der sich in einem minimierten Bereich der Seite befindet, wie etwa bei einem Akkordeonmuster. Weitere Informationen finden Sie im Hilfeartikel Minimierte Inhalte mit „hidden=until-found“ barrierefrei zugänglich machen.
In Chrome 102 ist außerdem die Local Font Access API enthalten, die den Zugriff auf die lokal installierten Schriftarten des Nutzers ermöglicht.
Diese Betafunktionen sind bald auch in stabilen Browsern verfügbar.
Teil der Reihe zum Thema „Neu im Web“