Entdecken Sie einige der interessanten Funktionen, die im Mai 2022 in den stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
Im Mai sind Chrome 102, Safari 15.5, Firefox 100 und Firefox 101 stabil.
Chrome 102 und Safari 15.5 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.
Chrome 102 liefert die Navigation API, eine API, die clientseitiges Routing in Single-Page-Anwendungen standardisiert. Diese API hieß früher „App History API“.
In Firefox 101 werden konstruierbare Stylesheets unterstützt. Unterstützt werden der CSSStyleSheet()-Konstruktor sowie die Methoden replace() und replaceSync(). Mit konstruierbaren Stylesheets lassen sich Stylesheets für die Verwendung mit dem Shadow DOM einfacher erstellen. Im folgenden Beispiel wird ein Stylesheet mit dem CSSStyleSheet()-Konstruktor erstellt, mit der Methode replaceSync() eine CSS-Regel hinzugefügt und die daraus resultierende Regel wird in der Konsole ausgegeben.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
In Firefox 101 ist außerdem die Medienfunktion prefers-contrast verfügbar, wodurch diese Funktion browserübergreifend verfügbar ist.
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 103 und Firefox 102.
Firefox 102 enthält die Medienfunktion update. Hiermit wird abgefragt, ob das Ausgabegerät das Aussehen des Inhalts ändern kann, nachdem dieser gerendert wurde. Folgende Werte sind zulässig:
none- Nach dem Rendering kann der Inhalt nicht mehr aktualisiert werden. zum Beispiel in einem gedruckten Dokument.
slow- Der Inhalt kann zwar auf dem Gerät aktualisiert werden, aber es dauert so lange, bis eine flüssige Animation angezeigt wird. z. B. E‐Ink-Bildschirme.
fast- Der Inhalt kann sich dynamisch und schnell genug ändern, um Animationen zu rendern. Zum Beispiel ein Computer- oder Smartphone-Bildschirm.
Chrome 103 enthält die Local Font Access API, die den Zugriff auf die lokal installierten Schriftarten des Nutzers ermöglicht.
Diese Betafunktionen sind bald auch in stabilen Browsern verfügbar.
Bearbeiten: In einer früheren Version dieses Beitrags wurde die Methode Element.isVisible() erwähnt, die in dieser Version nicht versendet wird.
Teil der Reihe zum Thema „Neu im Web“