Neu auf der Webplattform seit April

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

Rachel Andrew

Stabile Browserversionen

Seit April 2023 sind Firefox 112 und Chrome 112 stabil. Sehen wir uns einmal an, was das für die Webplattform bedeutet.

Das Attribut inert

Firefox 112 enthält das globale Attribut inert. Dieses Attribut weist den Browser an, das Element zu ignorieren, was auf Inhalte hinweist, die nicht interaktiv sein sollen. Die DSGVO hat folgenden Zweck:

  • Verhindert, dass click-Ereignisse ausgelöst werden.
  • Verhindert, dass das Element in den Fokus rückt.
  • Schließt das Element und seine Inhalte aus der Barrierefreiheitsstruktur aus.

Dieses Attribut ist jetzt in allen drei Suchmaschinen interoperabel.

Unterstützte Browser

  • 102
  • 102
  • 112
  • 15.5

Quelle

Die Easing-Funktion linear()

Die Easing-Funktion linear() ermöglicht die lineare Interpolation zwischen mehreren Punkten. Dies ermöglicht komplexere Animationen wie Sprung- und Elastische Effekte. Diese Funktion ist in Firefox 112 verfügbar.

Unterstützte Browser

  • 113
  • 113
  • 112
  • 17,2

CSS-Verschachtelung

In Chrome 112 wird nun CSS-Verschachtelung unterstützt, eine Funktion, die von vielen Entwicklern mit Spannung erwartet wird. Es wird ein neuer Verschachtelungsselektor > eingeführt, mit dem verwandte Stilregeln auf eine Weise verschachtelt werden, die Entwicklern, die Vorprozessoren verwendet haben, vertraut sind:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

Unterstützte Browser

  • 120
  • 120
  • 117
  • 17,2

Quelle

Preisvergleichsportal animation-composition

Chrome 112 unterstützt auch animation-composition. Weitere Informationen zu dieser Eigenschaft finden Sie unter Festlegen, wie mehrere Animationseffekte mit der Animationszusammensetzung zusammengesetzt werden sollen.

Unterstützte Browser

  • 112
  • 112
  • 115
  • 16

Quelle

Neuer monitorloser Modus

Wenn Sie den Headless-Modus von Chrome verwenden, z. B. mit Puppeteer, bietet 112 einen komplett neuen Headless-Modus. Weitere Informationen

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 113 und Chrome 113. Die Betaversion von Safari 16.5 läuft noch. Diese Releases bieten viele tolle Funktionen auf der Plattform. Weitere Einzelheiten finden Sie in den Versionshinweisen. Hier sind nur ein paar Highlights.

Firefox 113 umfasst die Funktionen color(), lab(), lch(), oklab() und oklch(). Ebenfalls enthalten sind die Funktion color-mix() von CSS Color 5 und die Eigenschaft forced-color-adjust.

Firefox bietet außerdem die Syntax nth-child of <selector>, mit der Sie die Elemente auswählen können, die Sie auswählen möchten. Weitere Informationen finden Sie unter Mehr Kontrolle über die Auswahl von „:nth-child()“ mit der S-Syntax.

Für CSS enthält Chrome 113 die Medienfunktionen overflow-inline, overflow-block und update. Ebenfalls in der Easing-Funktion linear() und im Typ image-set() ohne Präfix enthalten.

Chrome 113 enthält außerdem WebGPU, den Nachfolger der WebGL- und WebGL 2-Grafik-APIs für das Web. Sie bietet moderne Funktionen wie GPU-Computing, geringeren Zugriff auf GPU-Hardware, die Möglichkeit, von einem einzigen Grafikgerät aus auf mehreren Canvases zu rendern, sowie eine bessere, vorhersagbare Leistung.

Teil der Reihe zum Thema „Neu im Web“