Experimentelle Funktionen in Firefox

Das HTML-autocorrect-Attribut (und die entsprechende HTMLElement.autocorrect-Eigenschaft) erlauben die Autokorrektur in editierbaren Textelementen, einschließlich der meisten Arten von Text-<input>-Elementen, <textarea>-Elementen und Elementen, die das contenteditable-Attribut gesetzt haben (Firefox-Bug 1725806).

Das Layout für input type="search" wurde aktualisiert. Dies führt dazu, dass ein Suchfeld ein Löschsymbol hat, sobald jemand anfängt darin zu tippen, um die Implementierungen anderer Browser nachzuahmen. (Siehe Firefox-Bug 558594 für weitere Details.)

HTML-Passwort-Eingabefelder (<input type="password">) haben ein "Augen"-Symbol, das umgeschaltet werden kann, um den Passworttext anzuzeigen oder zu verbergen (Firefox-Bug 502258).

Der plaintext-only-Wert des globalen contenteditable-Attributs gibt an, dass das Element bearbeitbar ist; die RTF-Formatierung ist deaktiviert und jegliche Formatierung im eingefügten Text wird automatisch entfernt. (Siehe Firefox-Bug 1922723 für weitere Details.)

Diese Funktion stellt Steuerzeichen (Unicode-Kategorie Cc) außer Tabulator (U+0009), Zeilenumbruch (U+000A), Formfeed (U+000C) und Wagenrücklauf (U+000D) als Hex-Box dar, wenn sie nicht erwartet werden. (Siehe Firefox-Bug 1099557 für weitere Details.)

Die initial-letter-CSS-Eigenschaft ist Teil der CSS Inline Layout-Spezifikation und ermöglicht es Ihnen, festzulegen, wie herabgesetzte, erhöhte und versunkene Initialbuchstaben angezeigt werden. (Siehe Firefox-Bug 1223880 für weitere Details.)

Die fit-content()-Funktion, wie sie auf width und andere Größen-Eigenschaften angewendet wird. Diese Funktion wird bereits gut für CSS Grid Layout Track-Sizing unterstützt. (Siehe Firefox-Bug 1312588 für weitere Details.)

Früher als "scrollverknüpfte Animationen" bezeichnet, hängt eine scrollgesteuerte Animation von der Scrollposition einer Scrollleiste ab, anstatt von Zeit oder einer anderen Dimension. Die Eigenschaften scroll-timeline-name und scroll-timeline-axis (und die Kurzschreibweise scroll-timeline) ermöglichen es Ihnen, anzugeben, dass eine bestimmte Scrollleiste in einem bestimmten benannten Container als Quelle für eine scrollgesteuerte Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann einer Animation zugeordnet werden, indem die animation-timeline-Eigenschaft auf den mit scroll-timeline-name definierten Namen gesetzt wird.

Beim Verwenden der Kurzschreibweise scroll-timeline muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die langfristigen und Kurzschreibweise-Eigenschaften sind beide hinter der Einstellung verfügbar.

Alternativ können Sie die scroll()-Funktionalnotation mit animation-timeline verwenden, um anzugeben, dass eine Scrollleistenachse in einem Vorfahrenelement für die Zeitleiste verwendet wird.

Weitere Informationen finden Sie in Firefox-Bug 1807685, Firefox-Bug 1804573, Firefox-Bug 1809005, Firefox-Bug 1676791, Firefox-Bug 1754897 und Firefox-Bug 1737918.

Die @scope CSS At-Regel ermöglicht es Ihnen, spezifische Kindelemente auszuwählen, ohne die Spezifität von CSS-Selektoren übermäßig zu erhöhen (Firefox-Bug 1886441).

Die CSS-font-variant-emoji-Eigenschaft erlaubt Ihnen, einen Standarddarstellungsstil für die Anzeige von Emojis festzulegen. Siehe (Firefox-Bug 1461589) für weitere Details.

Das CSS-prefers-reduced-transparency-Medienfeature ermöglicht es Ihnen zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, die die Menge an transparenten oder durchscheinenden Schichteneffekten auf ihrem Gerät minimiert. Siehe (Firefox-Bug 1736914) für weitere Details.

Das CSS-inverted-colors-Medienfeature ermöglicht es Ihnen zu erkennen, ob ein User-Agent oder das zugrunde liegende Betriebssystem Farben invertiert. Siehe (Firefox-Bug 1794628) für weitere Details.

Die CSS-view-timeline-name-Eigenschaft erlaubt es Ihnen, ein Element zu benennen, das identifiziert, dass sein Vorfahren-Scroller das Quell-Element einer View-Progress-Timeline ist. Der Name kann dann der animation-timeline zugewiesen werden, die dann das zugeordnete Element animiert, während es durch den sichtbaren Bereich seines Vorfahren-Scrollers bewegt wird. Siehe (Firefox-Bug 1737920) für weitere Details.

Die CSS view()-Funktion ermöglicht es Ihnen, anzugeben, dass die animation-timeline für ein Element eine View-Progress-Timeline ist, die das Element animiert, während es durch den sichtbaren Bereich seines Vorfahren-Scrollers bewegt wird. Die Funktion definiert die Achse des übergeordneten Elements, das die Timeline liefert, zusammen mit dem Versatz innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und endet. Siehe (Firefox-Bug 1808410) für weitere Details.

Die mit -moz- versehenen CSS-Transformations-Eigenschaften können deaktiviert werden, indem die layout.css.prefixes.transforms Einstellung auf false gesetzt wird. Die Absicht ist es, diese zu deaktivieren, sobald die standardmäßigen CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

Insbesondere wird diese Einstellung die folgenden Präfix-Eigenschaften deaktivieren:

• -moz-backface-visibility
• -moz-perspective
• -moz-perspective-origin
• -moz-transform
• -moz-transform-origin
• -moz-transform-style

Die <h1>-Überschrift wird in der Schriftgröße nicht mehr verkleinert, wenn sie innerhalb von gliedernden Elementen wie <article>, <aside>, <nav> und <section> verschachtelt ist. Die UA-Stile für <h1>, die innerhalb von gliedernden Elementen verschachtelt sind, sind nicht mehr relevant, da der Umriss-Algorithmus aus der HTML-Spezifikation entfernt wurde. (Firefox-Bug 1883896).

Die CSS-shape()-Funktion ist ein <basic-shape>-Datentyp, der es ermöglicht, eine Form in den clip-path- und offset-path-Eigenschaften unter Verwendung von einem oder mehreren "Shape-Befehlen" zu definieren. Diese Befehle ähneln sehr den SVG-Pfadbefehlen. Die shape()-Funktion ähnelt in gewisser Weise der path()-Funktion, aber im Gegensatz zu path(), das die SVG-Pfad-Syntax verwendet, nutzt shape() die standardmäßige CSS-Syntax. Dies ermöglicht es Ihnen, Formen leicht zu erstellen und zu bearbeiten, und erlaubt auch die Verwendung von CSS-Mathematik-Funktionen. Für weitere Details siehe Firefox-Bug 1823463 für die Unterstützung der shape()-Funktion in clip-path, Firefox-Bug 1884424 für die Unterstützung der Funktion in offset-path und Firefox-Bug 1884425 für deren Interpolationsunterstützung.

Die CSS-letter-spacing-Eigenschaft teilt nun den angegebenen Zeichenabstand gleichmäßig auf beide Seiten jedes Zeichens auf. Dies unterscheidet sich von dem bisherigen Verhalten, bei dem der Abstand hauptsächlich auf eine Seite hinzugefügt wurde. Dieser Ansatz kann die Textverteilung insbesondere in gemischt-richtungsweisendem Text verbessern Firefox-Bug 1891446.

Die CSS-calc()-Funktion kann jetzt Farbkanäle in relativen Farben analysieren, was es ermöglicht, Änderungen an Farben in verschiedenen Farbräumen oder bei der Verwendung unterschiedlicher funktionaler Notationen korrekt zu berechnen Firefox-Bug 1889561.

Das CSS-Ankerpositionierungs--Modul definiert eine Reihe von Funktionen, die es erlauben, Elemente als Ankerelemente zu definieren und andere Elemente relativ zu diesen Ankerelementen zu positionieren. Dies ermöglicht es zum Beispiel, Tooltips neben den zugehörigen Inhalten anzuzeigen, während diese durch das Ansichtsfenster scrollen, und sich nach Bedarf zu bewegen, wenn sie das Ansichtsfenster überlaufen würden, und zu verschwinden, wenn der Anker außerhalb des Bildschirms scrollt. Die Funktionalitäten werden schrittweise hinter einer Einstellung eingeführt (Firefox-Bug 1838746).

Die implementierten Teile umfassen:

• CSSPositionTryRule und CSSPositionTryDescriptors (Firefox 131).

Die :has-slotted Pseudo-Klasse wird verwendet, um Elemente im <template> zu stylen, die Inhalt in ein <slot>-Element hinzufügen, wenn ein Web-Komponente gerendert wird (Firefox-Bug 1921747).

Keine.

Intl.DurationFormat ermöglicht das locale-sensitive Formatieren von Zeitdauern. (Firefox-Bug 1648139).

Der JSON.parse-Quelle Zugriffsvorschlag erweitert das Verhalten von JSON.parse, um Funktionen bereitzustellen, die Probleme im Zusammenhang mit Präzisionsverlusten beim Konvertieren von Werten wie großen Fließkommazahlen und Datumswerten zwischen JavaScript-Werten und JSON-Text abmildern. (Firefox-Bug 1913085, Firefox-Bug 1925334).

Die Cookie Store API ist eine moderne, auf Promise-basierende Methode zur Verwaltung von Cookies, die den Ereignis-Loop nicht blockiert und nicht auf Document beruht (sie kann daher für Service Worker verfügbar gemacht werden). Ein Teil der Cookie Store API wurde implementiert (Firefox Bug 1800882). Dies beinhaltet:

• Die CookieStore-Schnittstelle, jedoch ist partitioned nicht in den Rückgabewerten enthalten.
• Die CookieChangeEvent-Schnittstelle, ohne partitioned-Eigenschaften.
• Die Window.cookieStore-Eigenschaft.
• Die ServiceWorkerGlobalScope.cookieStore-Eigenschaft.

Eingebaute Webkomponenten mit "offen" und "geschlossen" Semantiken, wie modale Dialoge und Popups, können durch gerätenative Mechanismen geschlossen werden. Zum Beispiel, auf Android können Sie einen Dialog mit der Zurück-Taste schließen. Die CloseWatcher-Schnittstelle ermöglicht es Entwicklern, UI-Komponenten zu implementieren, wie benutzerdefinierte Seitenleisten, die auf ähnliche Weise durch native Mechanismen geschlossen werden können. (Firefox Bug 1888729).

Die Trusted Types API bietet Mechanismen, um sicherzustellen, dass Funktionen, die potenziell als Vektoren für XSS-Angriffe genutzt werden können, nur mit Daten aufgerufen werden können, die validiert oder bereinigt wurden.

Dieser Teil der API wurde implementiert:

• TrustedTypePolicyFactory:
  • getAttributeType() und getPropertyType() (Firefox Bug 1917783, Firefox Bug 1917784).

WebGL: Entwurfserweiterungen

Wenn diese Präferenz aktiviert ist, werden alle momentan in "Entwurf" befindlichen WebGL-Erweiterungen, die getestet werden, zur Nutzung freigeschaltet. Derzeit gibt es keine WebGL-Erweiterungen, die von Firefox getestet werden.

WebGPU API

Die WebGPU API bietet eine Unterstützung auf niedriger Ebene für die Durchführung von Berechnungen und Grafikdarstellungen unter Verwendung der Graphics Processing Unit (GPU) des Benutzergeräts oder -computers. Siehe Firefox Bug 1602129 für unseren Fortschritt zu dieser API.

Die Reporting API unterstützt nun das Melden von Content Security Policy (CSP)-Verstößen.

Report-Instanzen, die von der ReportingObserver-Schnittstelle zurückgegeben werden, können nun einen type-Wert von "csp-violation" und eine body-Eigenschaft enthalten, die eine Instanz der CSPViolationReportBody-Schnittstelle enthält. Dies ermöglicht es, CSP-Verstöße innerhalb einer Webseite zu melden.

CSP-Verstoßberichte können auch an entfernte Endpunkte gesendet werden, die namentlich in der CSP-report-to-Direktive angegeben sind — Endpunktnamen und die entsprechenden URLs müssen zuerst in den Reporting-Endpoints- oder Report-To-HTTP-Antwort-Headern definiert sein. Der Bericht ist eine Serialisierung des oben beschriebenen Report-Objekts mit einer body-Eigenschaft, die eine Serialisierung einer CSPViolationReportBody-Instanz ist.

Dieser Verstoßbericht ersetzt einen ähnlichen, CSP-spezifischen Mechanismus zum Senden von Verstoßberichten, der die CSP-report-uri-Direktive verwendet, um die URL des Berichts-Endpunkts zu setzen und hat ein CSP-spezifisches JSON-Verstoßberichtformat. (Firefox Bug 1391243).

Die folgenden experimentellen Funktionen umfassen diejenigen, die in der WebRTC API, der Web Audio API, der Media Source Extensions API, der Encrypted Media Extensions API und der Media Capture and Streams API gefunden werden.

Asynchrones Hinzufügen und Entfernen von Quell-Puffern

Dies fügt der SourceBuffer-Schnittstelle die versprechensbasierten Methoden appendBufferAsync() und removeAsync() für das Hinzufügen und Entfernen von Mediensource-Puffern hinzu. Siehe Firefox Bug 1280613 und Firefox Bug 778617 für mehr Informationen.

AVIF-Konformitätsstriktheit

Die image.avif.compliance_strictness-Präferenz kann verwendet werden, um die Striktheit zu steuern, die angewendet wird, wenn AVIF-Bilder verarbeitet werden. Dies ermöglicht Firefox-Benutzern, Bilder anzuzeigen, die auf einigen anderen Browsern gerendert werden, selbst wenn sie nicht strikt konform sind.

Erlaubte Werte sind:

• 0: Akzeptiere Bilder mit Spezifikationsverstößen sowohl bei Empfehlungen (Sprache "sollte") als auch bei Anforderungen (Sprache "muss"), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standard): Lehne Verstöße gegen Anforderungen ab, erlaube jedoch Verstöße gegen Empfehlungen.
• 2: Strikt. Lehne jegliche Verstöße in Anforderungen oder Empfehlungen ab.

JPEG XL-Unterstützung

Firefox unterstützt JPEG XL-Bilder, wenn diese Funktion aktiviert ist. Siehe Firefox Bug 1539075 für weitere Details.

Beachten Sie, dass, wie unten gezeigt, die Funktion nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist).

Die CSS Custom Highlight API bietet einen Mechanismus zum Stylen von willkürlichen Textranges in einem Dokument (verallgemeinert das Verhalten anderer Highlight-Pseudo-Elemente wie ::selection, ::spelling-error, ::grammar-error, und ::target-text). Die Bereiche werden in JavaScript mittels Range-Instanzen definiert, die in einer Highlight gruppiert und dann mit einem Namen mittels HighlightRegistry registriert werden. Das CSS-::highlight-Pseudo-Element wird verwendet, um Stile auf ein registriertes Highlight zu übertragen. Weitere Details finden Sie unter Firefox Bug 1703961.

WebVR API (Deaktiviert)

Die veraltete WebVR API befindet sich auf dem Weg zur Entfernung. Sie ist standardmäßig in allen Builds deaktiviert Firefox Bug 1750902.

Selektionen über die Grenze des Schatten-DOM

Die Methode Selection.getComposedRanges() kann verwendet werden, um ein Array von StaticRange-Objekten zu erhalten, die den aktuellen ausgewählten Bereich oder die Bereiche darstellen. Im Gegensatz zu Selection.getRangeAt() kann diese Methode Bereiche mit Knoten im anchor oder focus innerhalb eines Schatten-DOM zurückgeben, jedoch nur, wenn ihr die ShadowRoot-Objekte übergeben werden, die diese Knoten enthalten. Andernfalls wird ein Bereich zurückgegeben, der neu dimensioniert wurde, um den Host-Knoten der Schattenwurzel zu umfassen, die den Knoten enthält. Die Selection-Methoden setBaseAndExtent(), collapse() und extend() wurden ebenfalls so modifiziert, dass sie Knoten innerhalb einer Schattenwurzel akzeptieren.

Die Benutzerauswahl über Maus, Tastatur und dergleichen kann überall im Dokument beginnen und enden, auch innerhalb beliebiger offener oder geschlossener Schattierungsbäume. (Firefox Bug 1867058).

HTMLMediaElement-Eigenschaften: audioTracks und videoTracks

Die Aktivierung dieser Funktion fügt allen HTML-Medienelementen die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks hinzu. Da Firefox jedoch derzeit keine Unterstützung für mehrere Audio- und Videospuren bietet, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht, weshalb sie beide standardmäßig deaktiviert sind. Siehe Firefox Bug 1057233 für weitere Details.

GeometryUtils-Methoden: convertPointFromNode(), convertRectFromNode(), und convertQuadFromNode()

Die GeometryUtils-Methoden convertPointFromNode(), convertRectFromNode(), und convertQuadFromNode() übertragen den gegebenen Punkt, das Rechteck oder das Quadrat von dem Node, auf dem sie aufgerufen werden, zu einem anderen Knoten. (Siehe Firefox Bug 918189 für weitere Details.)

GeometryUtils-Methode: getBoxQuads()

Die GeometryUtils-Methode getBoxQuads() gibt die CSS-Boxen für einen Node relativ zu einem anderen Knoten oder Viewport zurück. (Siehe Firefox Bug 917755 für weitere Details.)

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Abwicklung webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während der Testphase der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, den Versand dieser API zu verschieben, während Diskussionen über potenzielle Änderungen an der API stattfinden. Die Arbeit ist im Gange. (Siehe Firefox Bug 1318984 für weitere Details.)

Die Web Share API ermöglicht das Teilen von Dateien, URLs und anderen Daten von einer Website aus. Diese Funktion ist auf Android in allen Builds aktiviert, aber auf Desktop nur hinter einer Präferenz (sofern unten nicht anders angegeben).

ScreenOrientation.lock()

Die Methode ScreenOrientation.lock() erlaubt es, ein Gerät auf eine bestimmte Orientierung zu sperren, wenn dies vom Gerät unterstützt und durch die Vor-Sperr-Anforderungen des Browsers erlaubt ist. Typischerweise ist die Sperrung der Orientierung nur auf mobilen Geräten erlaubt, wenn das Dokument im Vollbildmodus angezeigt wird. Weitere Details finden Sie unter Firefox Bug 1697647.

Die Priorisierte Task Scheduling API bietet eine standardisierte Möglichkeit, alle Aufgaben einer Anwendung zu priorisieren, unabhängig davon, ob sie im Code des Webseitenentwicklers oder in Drittanbieter-Bibliotheken und -Frameworks definiert sind. (Firefox Bug 1734997)

Diese Funktion wurde in Firefox Nightly in Firefox 101 aktiviert. Die Unterstützung in Firefox Nightly 135 wurde vorübergehend deaktiviert, um Schäden in freier Wildbahn zu vermeiden.

Benachrichtigungen haben die requireInteraction-Eigenschaft standardmäßig auf Windows-Systemen und in der Nightly-Veröffentlichung auf True gesetzt (Firefox Bug 1794475).

Um MitM-Angriffe (Man-in-the-Middle), die durch Flash-Inhalte auf verschlüsselten Seiten verursacht werden, zu mindern, wurde eine Präferenz hinzugefügt, um OBJECT_SUBREQUESTs als aktiven Inhalt zu behandeln. Weitere Details finden Sie unter Firefox Bug 1190623.

Die beiden security.insecure_connection_text_*-Präferenzen fügen eine "Nicht sicher"-Textkennzeichnung in der Adressleiste neben dem traditionellen Schlosssymbol hinzu, wenn eine Seite unsicher geladen wird (das heißt, unter Verwendung von HTTP anstelle von HTTPS). Die browser.urlbar.trimHttps-Präferenz entfernt das https:-Präfix aus den URLs in der Adressleiste. Weitere Einzelheiten finden Sie im Firefox Bug 1853418.

Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser gezielt zu aktivieren, deaktivieren und das Verhalten zu ändern. Sie ist der CSP ähnlich, steuert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies wird in Firefox als Feature Policy implementiert, der Name, der in einer früheren Version der Spezifikation verwendet wurde.

Beachten Sie, dass unterstützte Richtlinien durch das allow-Attribut bei <iframe>-Elementen gesetzt werden können, auch wenn die Benutzerpräferenz nicht gesetzt ist.

PPA API bietet eine Alternative zum Benutzertracking für die Werbezuschreibung unter Verwendung des neuen navigator.privateAttribution-Objekts mit saveImpression() und measureConversion()-Methoden. Lesen Sie mehr über PPA im Erklärvideo. Dieses Experiment kann für Websites über Origin Trial oder im Browser durch Setzen der Präferenz auf 1 aktiviert werden. (Firefox Bug 1900929).

Der HTTP-Accept-Header in Standardanfragen und Bildanfragen kann über eine Präferenz konfiguriert werden, um die Unterstützung für den image/jxl-MIME-Typ anzuzeigen.

SameSite-Cookies haben einen Standardwert von Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht jedoch für cross-site Unteranfragen, um Bilder oder Frames auf einer Drittanbieterseite zu laden usw. Weitere Details finden Sie im Firefox Bug 1617609.

Der Access-Control-Allow-Headers ist ein Antwort-Header auf eine CORS-Preflight-Anfrage, die angibt, welche Anforderungs-Header in der endgültigen Anforderung enthalten sein dürfen. Die Antwortanweisung kann ein Wildcard-Zeichen (*) enthalten, das angibt, dass die endgültige Anforderung alle Header außer dem Authorization-Header enthalten darf.

Standardmäßig enthält Firefox den Authorization-Header in der endgültigen Anforderung, nachdem er eine Antwort mit Access-Control-Allow-Headers: * erhalten hat. Setzen Sie die Präferenz auf false, um sicherzustellen, dass Firefox den Authorization-Header nicht einschließt. Weitere Einzelheiten finden Sie im Firefox Bug 1687364.

Die Entwicklerwerkzeuge von Mozilla entwickeln sich ständig weiter. Wir experimentieren mit neuen Ideen, fügen neue Funktionen hinzu und testen sie in den Nightly- und Developer Edition-Kanälen, bevor wir sie in Beta und Release einbinden. Die folgenden Funktionen sind die aktuellen experimentellen Entwicklerwerkzeug-Funktionen.

• Veröffentlichungshinweise für Firefox-Entwickler
• Firefox Nightly
• Firefox Developer Edition