Informiere dich über einige der interessanten Funktionen, die im Juni 2024 in stabilen und Beta-Webbrowsern verfügbar sind.
Stabile Browserversionen
Seit Juni 2024 sind Firefox 127 und Chrome 126 stabil. In diesem Beitrag geht es um die neuen Funktionen der Webplattform.
JavaScript-Set-Methoden
Sets sind eine wesentliche Datenstruktur in jeder Programmiersprache. Jetzt können Sie mit den integrierten JavaScript-Methoden Sätze ausführen. Die folgenden festgelegten Methoden sind jetzt in Firefox 127 verfügbar und wurden Teil der neuen Version von Baseline:
intersection()union()difference()symmetricDifference()isSubsetOf()isSupersetOf()isDisjointFrom()
Weitere Informationen finden Sie unter Die JavaScript Set-Methoden sind jetzt Teil von Baseline.
Async Clipboard API
Die Clipboard API wird ab Firefox 127 vollständig unterstützt. Firefox unterstützt jetzt zusammen mit den Methoden read() und write() der Clipboard-Oberfläche die Schnittstelle ClipboardItem. Weitere Informationen zur Clipboard API finden Sie unter Blockierung des Zugriffs auf die Zwischenablage aufheben.
Farbinterpolation in CSS-Verläufen
CSS-Verläufe werden so angegeben, dass sie ein <color-interpolation-method> akzeptieren. Dies wird jetzt in Firefox unterstützt, wodurch es in allen gängigen Suchmaschinen interoperabel ist.
Sie können jetzt beispielsweise einen linear-gradient() mit dem HSL-Farbsystem und einer längeren Interpolation angeben.
.longer {
background: linear-gradient(90deg in hsl longer hue, red, blue);
}
Unterstützte Browser
- 111
- 111
- 127
- 16,2
Dokumentenübergreifende Übergänge bei der Ansicht
Bisher mussten Sie Ihre Website auf eine SPA umstellen, um die View Transitions API verwenden zu können. Das ist jetzt nicht mehr der Fall. Ab Chrome 126 sind Wiedergabeübergänge jetzt standardmäßig für Navigationen am selben Ursprung aktiviert. Sie können einen Ansichtsübergang zwischen zwei verschiedenen Dokumenten desselben Ursprungs erstellen.
Damit eine dokumentübergreifende Ansicht umgestellt werden kann, müssen beide Seiten der Verwendung zustimmen.
Verwenden Sie dazu die @-Regel @view-transition und setzen Sie den Navigationsdeskriptor auf auto.
@view-transition {
navigation: auto;
}
Weitere Informationen finden Sie in der Dokumentation zu dokumentübergreifenden Änderungen der Ansicht.
Die trigger-rumble-Erweiterung für die Gamepad API
Chrome 126 erweitert die GamepadHapticActuator-Oberfläche um die trigger-rumble-Funktion für kompatible Gamepads im Web.
Mit dieser Erweiterung können Webanwendungen, die die Gamepad API nutzen, auch die Auslöser von Gamepad-Geräten vibrieren, die mit dieser Funktion ausgestattet sind.
Betaversionen des Browsers
Beta-Browserversionen bieten Ihnen eine Vorschau auf Dinge, die in der nächsten stabilen Version des Browsers enthalten sein werden. Dies ist eine gute Gelegenheit, neue Funktionen oder Löschungen zu testen, die sich auf deine Website auswirken könnten, bevor diese Funktion veröffentlicht wird. Neue Betaversionen sind Firefox 128, Chrome 127, Safari 18 und Safari 17.6. Diese Releases bieten viele tolle Funktionen auf der Plattform. Einzelheiten finden Sie in den Versionshinweisen. Hier sind nur einige der Highlights.
Safari 17.6 ist eine Version mit Fehlerkorrekturen für bestehende Funktionen. Safari 18 bietet eine Reihe interessanter neuer Funktionen wie Containerabfragen im Stil, die View Transition API für Single-Page-Anwendungen und Unterstützung für das Schlüsselwort safe in Flexbox-Eigenschaften.
Chrome 127 bietet die CSS-Eigenschaft font-size-adjust, die Möglichkeit, Alt-Text für generierte Inhalte als beliebig viele Elemente anzugeben und Informationen zu einzelnen Kapiteln in MediaMetaData hinzuzufügen.
Da in Firefox 128 CSS-Eigenschaften und -Werte enthalten sind, ist Baseline jetzt neu verfügbar. Verwenden Sie @property, um einen type zu definieren und einen Fallback-Wert für benutzerdefinierte CSS-Eigenschaften festzulegen.