Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dadurch hat ein Suchfeld ein Löschsymbol, sobald jemand darin zu tippen beginnt, um andere Browserimplementierungen anzupassen. (Siehe Firefox-Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Auf true setzen, um zu aktivieren.

Umschalten der Passwortanzeige

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

layout.forms.reveal-password-button.enabled

Auf true setzen, um zu aktivieren.

Zeitwähler für datetime-local Eingabefeld

HTML datetime-local Eingabeelemente (<input type="datetime-local">) enthalten jetzt einen Zeitwähler (Firefox-Bug 1726108).

dom.forms.datetime.timepicker

Auf true setzen, um zu aktivieren.

CSS

Hex-Boxen zur Anzeige von fehlgeleiteten Steuerzeichen

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

layout.css.control-characters.visible

Auf true setzen, um zu aktivieren.

initial-letter Eigenschaft

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und erlaubt es Ihnen zu spezifizieren, wie fallende, erhöhte und versenkte Initialbuchstaben angezeigt werden. (Siehe Firefox-Bug 1223880 für weitere Details.)

layout.css.initial-letter.enabled

Auf true setzen, um zu aktivieren.

fit-content() Funktion

Die fit-content() Funktion, wie sie bei width und anderen Größenangaben angewendet wird. Diese Funktion wird bereits gut für CSS-Grid-Layout-Spurenunterteilungen unterstützt. (Siehe Firefox-Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Auf true setzen, um zu aktivieren.

Scrollgesteuerte Animationen

Früher als "scrollverknüpfte Animationen" bezeichnet, hängt eine scrollgesteuerte Animation von der Scroll-Position eines Scrollbalkens ab, anstatt von Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline abgeleitete Eigenschaft) erlauben es Ihnen zu spezifizieren, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scrollgesteuerte Animation verwendet werden kann. Die Scroll-Zeitachse kann dann mit einer Animation durch Setzen der animation-timeline Eigenschaft auf den definierten Namenswert scroll-timeline-name assoziiert werden.

Bei Verwendung der abgeleiteten Eigenschaft scroll-timeline muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die ausführlichen Eigenschaften und die abgeleitete Eigenschaft sind beide hinter der Einstellung verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse in einem übergeordneten Element für die Zeitachse verwendet wird.

Für weitere Informationen siehe Firefox-Bug 1807685, Firefox-Bug 1804573, Firefox-Bug 1809005, Firefox-Bug 1676791, Firefox-Bug 1754897, Firefox-Bug 1817303 und Firefox-Bug 1737918.

Die timeline-scope, animation-range-start und animation-range-end Eigenschaften (und die animation-range abgeleitete Eigenschaft) werden noch nicht unterstützt. Für weitere Informationen siehe Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

prefers-reduced-transparency Media Feature

Das CSS prefers-reduced-transparency Media-Feature lässt Sie erkennen, ob ein Benutzer die Einstellung aktiviert hat, um die Menge an transparenten oder durchscheinenden Schichteffekten auf seinem Gerät zu minimieren. Siehe (Firefox-Bug 1736914) für weitere Details.

layout.css.prefers-reduced-transparency.enabled

Auf true setzen, um zu aktivieren.

inverted-colors Media Feature

Das CSS inverted-colors Media-Feature lässt Sie erkennen, ob ein User Agent oder das zugrunde liegende Betriebssystem Farben invertiert. Siehe (Firefox-Bug 1794628) für weitere Details.

layout.css.inverted-colors.enabled

Auf true setzen, um zu aktivieren.

Named View Progress Timelines Eigenschaft

Die CSS view-timeline-name Eigenschaft lässt Sie einem bestimmten Element einen Namen geben, der angibt, dass sein Vorfahre Scroll-Element die Quelle einer Ansichtsfortschritts-Zeitleiste ist. Der Name kann dann der animation-timeline zugewiesen werden, die das zugehörige Element animiert, während es sich durch den sichtbaren Bereich seines Vorfahrenscrollers bewegt. Siehe (Firefox-Bug 1737920) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Anonyme View Progress Timelines Funktion

Die CSS view() Funktion lässt Sie spezifizieren, dass die animation-timeline für ein Element eine Ansichtsfortschritts-Zeitleiste ist, die das Element animiert, während es durch den sichtbaren Bereich seines Vorfahrenscrollers bewegt wird. Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitleiste liefert, zusammen mit dem Inset innerhalb des sichtbaren Bereichs, bei dem die Animation beginnt und endet. Siehe (Firefox-Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Herstellerpräfixierte Transformations-Eigenschaften

Die mit -moz- vorangestellten CSS-Transformations-Eigenschaften können deaktiviert werden, indem die layout.css.prefixes.transforms Einstellung auf false gesetzt wird. Die Absicht ist, 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 vorangestellten Eigenschaften deaktivieren:

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

layout.css.prefixes.transforms

Auf true setzen, um zu aktivieren.

shape() Funktion

Die CSS shape() Funktion ist ein <basic-shape> Datentyp, mit dem Sie eine Form in den clip-path und offset-path Eigenschaften mit einem oder mehreren "Formbefehlen" definieren können. Diese Befehle sind sehr ähnlich den SVG-Pfadbefehlen. Die shape() Funktion ist in gewisser Hinsicht ähnlich der path() Funktion, verwendet jedoch im Gegensatz zu path(), das die SVG-Pfad-Syntax verwendet, eine standardmäßige CSS-Syntax. Dies ermöglicht es Ihnen, Formen leicht zu erstellen und zu bearbeiten, und erlaubt auch die Verwendung von CSS-Math-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 ihre Interpolationsunterstützung.

layout.css.basic-shape-shape.enabled

Auf true setzen, um zu aktivieren.

Relative Kontrollpunkte in CSS shape() Kurvenbefehlen

Sie können <relative-control-point> Werte verwenden, wenn Sie einen <curve-command> oder <smooth-command> in einer CSS shape() Funktion angeben. Diese Werte lassen Sie Kontrollpunkte spezifizieren, die relativ zum Start- oder Endpunkt des aktuellen Befehls oder relativ zum Ursprung (oben links) des Containers, in dem die Form gezeichnet wird, positioniert sind. (Firefox-Bug 1921501).

layout.css.basic-shape-shape.enabled

Auf true setzen, um zu aktivieren.

Symmetrisches letter-spacing

Die CSS letter-spacing Eigenschaft teilt nun den spezifischen Zeichenabstand gleichmäßig auf beiden Seiten jedes Zeichens auf. Dies ist im Gegensatz zum aktuellen Verhalten, bei dem der Abstand in erster Linie zu einer Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand verbessern, insbesondere bei Text mit gemischter Richtung. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Auf true setzen, um zu aktivieren.

calc() Unterstützung für Farbkanäle in relativen Farben

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

layout.css.relative-color-syntax.enabled

Auf true setzen, um zu aktivieren.

CSS-Ankersetzung

Das CSS Anchor Positioning Modul definiert eine Reihe von Funktionen, die es erlauben, Elemente als Ankarelemente zu definieren und für andere Elemente, relativ zu den Ankarelementen positioniert zu werden. Dies ermöglicht es beispielsweise, Tooltips neben dem zugehörigen Inhalt anzuzeigen, während dieser durch das Ansichtsfenster scrollt, sich bei Bedarf bewegt, wenn es über das Ansichtsfenster hinausragen würde, und verschwindet, wenn das Ankerelement vom Bildschirm verschwindet. Die Menge an Funktionen wird schrittweise hinter einer Einstellung ausgerollt (allgemein: Firefox-Bug 1988224, position-area: Firefox-Bug 1924086, benutzerdefinierte @position-try Fallbacks: Firefox-Bug 1962598).

layout.css.anchor-positioning.enabled

Auf true setzen, um zu aktivieren.

anchor-size() Funktion

Die CSS anchor-size() Funktion lässt Sie die Größe, Position und Ränder eines Anker-positionierten Elements relativ zu den Abmessungen seines Ankerelements einstellen. (Firefox-Bug 1972610).

layout.css.anchor-positioning.enabled

Auf true setzen, um zu aktivieren.

position-area Eigenschaft

Die CSS position-area Eigenschaft erlaubt es Ihnen, ein Anker-positioniertes Element relativ zu den Kanten seines zugehörigen Ankerelements zu positionieren, indem das positionierte Element auf einer oder mehreren Kacheln eines impliziten 3x3 Rasters platziert wird, wobei das Ankerelement die mittlere Zelle ist. (Firefox-Bug 1924086).

layout.css.anchor-positioning.enabled

Auf true setzen, um zu aktivieren.

Erlauben von Pseudo-Elementen nach element-basierten Pseudo-Elementen

Es wurde begonnen, die Erlaubnis dafür zu schaffen, Pseudo-Elemente wie ::first-letter und ::before an element-basierte Pseudo-Elemente wie ::details-content und ::file-selector-button anzuhängen.

Dies erlaubt es Benutzern, beispielsweise den ersten Buchstaben des <details>-Elements durch die Verwendung des CSS-Selektors ::details-content::first-letter zu stylen oder Inhalte vor einem <input> von type="file" mit dem CSS-Selektor ::file-selector-button::before hinzuzufügen.

Derzeit kann nur die Unterstützung für ::details-content::first-letter mithilfe von @supports(::details-content::first-letter) geparst werden. Das Pseudo-Element ::file-selector-button ist noch nicht als element-basiertes Pseudo-Element markiert, sodass es keine Möglichkeit gibt, dies zu testen. (Firefox-Bug 1953557, Firefox-Bug 1941406).

:heading und :heading() Pseudo-Klassen

Die :heading Pseudo-Klasse ermöglicht es Ihnen, alle Überschriftelemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln zu erfassen. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftelemente zu stylen, die zu einer durch Kommas getrennten Liste von Ganzzahlen passen, die den Überschriftsebenen entsprechen. (Firefox-Bug 1974386 & Firefox-Bug 1984310).

layout.css.heading-selector.enabled

Auf true setzen, um zu aktivieren.

text-decoration-trim

Die CSS text-decoration-trim Eigenschaft ermöglicht es Ihnen, text-decoration-Start- und End-Offsets zu spezifizieren, um Textdekorationen mit Bezug auf den Text zu kürzen, zu verlängern oder ihre Position zu verschieben (Firefox-Bug 1979915).

layout.css.text-decoration-trim.enabled

Auf true setzen, um zu aktivieren.

@custom-media At-Regel

Die @custom-media CSS-@-Regel definiert Aliase für lange oder komplexe Media Queries. Anstatt die gleiche hartcodierte <media-query-list> in mehreren @media-@-Regeln zu wiederholen, kann sie einmal in einer @custom-media-@-Regel definiert und im Stylesheet überall verwendet werden, wo sie benötigt wird. (Firefox-Bug 1744292).

layout.css.custom-media.enabled

Auf true setzen, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

JavaScript

CSS-Modulscripts

CSS-Modulscripts werden jetzt unterstützt und ermöglichen, ein Stylesheet als Instanz von CSSStyleSheet mittels der import-Anweisung in ein Script zu laden. Die import-Anweisung muss auch das type import-Attribut spezifizieren und auf "css" setzen, und das Stylesheet muss mit dem Medientyp text/css bereitgestellt werden. (Firefox-Bug 1720570).

layout.css.module-scripts.enabled

Auf true setzen, um zu aktivieren.

APIs

CloseWatcher Schnittstelle

Eingebaute Webkomponenten mit "öffnen" und "schließen" Semantik, wie modale Dialoge und Popovers, können mit Geräte-nativen Mechanismen geschlossen werden. Beispielsweise können Sie auf Android einen Dialog mit der Zurück-Taste schließen. Die CloseWatcher Schnittstelle ermöglicht es Entwicklern, UI-Komponenten zu implementieren, wie benutzerdefinierte Sidebars, die ähnlich mit nativen Mechanismen geschlossen werden können. (Firefox-Bug 1888729).

dom.closewatcher.enabled

Auf true setzen, um zu aktivieren.

Trusted Types API

Die Trusted Types API stellt Mechanismen bereit, um sicherzustellen, dass Funktionen, die potenziell als Vektoren für XSS-Angriffe verwendet werden könnten, nur mit Daten aufgerufen werden können, die validiert oder bereinigt wurden. Die API ist in frühen Betaversionen aktiviert (Firefox-Bug 1992941).

Dies umfasst (nicht erschöpfend):

• Hinzufügen der TrustedTypePolicyFactory, TrustedTypePolicy, TrustedHTML, TrustedScript, TrustedScriptURL Schnittstellen und der trustedTypes Eigenschaft auf Window und WorkerGlobalScope.
• Aktualisierungen zu Injektionen-Zielschnittstellen, wie Element.innerHTML und document.write(), um das Übergeben von TrustedHTML, TrustedScript, TrustedScriptURL sowie von Strings zu erlauben.
• Unterstützung für die require-trusted-types-for und trusted-types Direktiven sowie das 'trusted-types-eval' Schlüsselwort, des Content-Security-Policy HTTP-Headers. Diese können verwendet werden, um vertrauenswürdige Typen anstelle von Strings zu erzwingen, die spezifischen Richtlinien zu benennen, die erlaubt sind, und um die Verwendung von eval() und ähnlichen Funktionen zu ermöglichen, wenn Trusted Types unterstützt und erzwungen werden.

dom.security.trusted_types.enabled

Auf true setzen, um zu aktivieren.

HTML Sanitizer API

Die HTML Sanitizer API ermöglicht Entwicklern, unzuverlässige HTML-Strings zu entnehmen und sie zur sicheren Einfügung in das DOM eines Dokuments zu bereinigen.

dom.security.sanitizer.enabled

Auf true setzen, um zu aktivieren.

Entfernung von beforescriptexecute und afterscriptexecute Ereignissen

Die nicht standardmäßigen Ereignisse beforescriptexecute und afterscriptexecute auf der Document Schnittstelle und afterscriptexecute und beforescriptexecute auf der Element Schnittstelle sind auf dem Weg zur Entfernung. Sie wurden in Nightly deaktiviert. (Firefox-Bug 1954685).

dom.events.script_execute.enable

Auf true setzen, um zu aktivieren.

Eigenschaften actions und maxActions der Notification

Die actions Lesezugriffseigenschaft und die maxActions statische Lesezugriffseigenschaft der Notification Schnittstelle werden in Nightly auf Desktop unterstützt. Diese enthalten die Benachrichtigungsaktionen, die mit ServiceWorkerRegistration.showNotification() gesetzt wurden, und die maximale Anzahl an Aktionen, die gesetzt werden können. (Firefox-Bug 1225110, Firefox-Bug 1963263).

dom.webnotifications.actions.enabled

Auf true setzen, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfs-Erweiterungen

Wenn dieser Präferenz aktiv ist, werden alle aktuell im "Entwurf"-Status befindlichen WebGL-Erweiterungen, die von Firefox getestet werden, zur Verwendung aktiviert. Derzeit werden keine WebGL-Erweiterungen von Firefox getestet.

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für die Ausführung von Berechnungen und Grafik-Renderings mithilfe der Graphics Processing Unit (GPU) des Benutzergeräts oder -computers. Ab Version 142 ist dies auf Windows in allen Kontexten außer Service-Workern aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon in allen Browsing-Kontexten mit Ausnahme von Service-Workern aktiviert. Für andere Plattformen wie Linux und macOS auf Intel-Silicon ist es in Nightly aktiviert. Siehe Firefox-Bug 1602129 für unseren Fortschritt bei dieser API.

dom.webgpu.enabled

Auf true setzen, um zu aktivieren (in Nightly und auf Windows in allen Veröffentlichungen aktiviert)

dom.webgpu.service-workers.enabled

Set to true to enable (in Nightly aktiviert)

Reporting API-Unterstützung für CSP-Verstöße

Die Reporting API unterstützt jetzt 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" haben und eine body-Eigenschaft, die eine Instanz der CSPViolationReportBody Schnittstelle enthält. Dies ermöglicht das Melden von CSP-Verstößen innerhalb einer Webseite.

CSP-Verstoßberichte können auch an entfernte Endpunkte gesendet werden, die durch Namen in der CSP report-to Direktive angegeben sind — Endpunktnamen und entsprechende URLs müssen zuerst in den Reporting-Endpoints oder Report-To HTTP-Antwort-Headern definiert werden. Der Bericht ist eine Serialisierung des Report Objekts, das oben beschrieben wurde, 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 meldepflichtigen Endpunkts festzulegen, und ein CSP-spezifisches JSON-Verstoßberichtformat hat. (Firefox-Bug 1391243).

dom.reporting.enabled

Auf true setzen, um zu aktivieren.

WebRTC und Medien

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 wurden.

Asynchrones Hinzufügen und Entfernen von SourceBuffer

Dies fügt die methodenbasierten Methoden appendBufferAsync() und removeAsync() zur Hinzufügung und Entfernung von Medienquellenpuffern zur SourceBuffer Schnittstelle hinzu. Siehe Firefox-Bug 1280613 und Firefox-Bug 778617 für weitere Informationen.

media.mediasource.experimental.enabled

Auf true setzen, um zu aktivieren.

AVIF-Konformitätsstrenge

Die image.avif.compliance_strictness Einstellung kann verwendet werden, um die Strenge zu steuern, die angewendet wird, wenn AVIF Bilder verarbeitet werden. So können Firefox-Nutzer Bilder anzeigen, die in einigen anderen Browsern gerendert werden, selbst wenn sie nicht strikte konform sind.

image.avif.compliance_strictness

Numerischer Wert, der ein Strengheitslevel angibt. Erlaubte Werte sind:

• 0: Nachsichtig. Akzeptiere Bilder mit Spezifikationsverstößen in beiden Empfehlungen ("sollte" Sprache) und Anforderungen ("soll" Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standardwert): Gemischt. Verwerfe Verstöße gegen Anforderungen ("soll"), aber erlaube Verstöße gegen Empfehlungen ("sollte").
• 2: Streng. Verwerfe alle Verstöße gegen festgelegte Anforderungen oder Empfehlungen.

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 die Funktion nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist).

image.jxl.enabled

Auf true setzen, um zu aktivieren.

WebVR API

WebVR API (Deaktiviert)

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

dom.vr.enabled

Auf true setzen, um zu aktivieren.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Das Aktivieren dieser Funktion fügt den HTML-Medienelementen die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften hinzu. Doch da Firefox 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.

media.track.enabled

Auf true setzen, um zu aktivieren.

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

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

layout.css.convertFromNode.enable

Auf true setzen, um zu aktivieren.

GeometryUtils Methode: getBoxQuads()

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

layout.css.getBoxQuads.enabled

Auf true setzen, um zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Abwicklung webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Bugs, der während des Testens der Benutzeroberfläche auftrat, haben wir entschieden, das Release dieser API zu verschieben, während Diskussionen über potenzielle Änderungen an der API stattfinden. Die Arbeit ist im Gange. (Weitere Details finden Sie im Firefox-Bug 1318984).

dom.payments.request.enabled

Auf true setzen, um zu aktivieren.

dom.payments.request.supportedRegions

Ländercodes als durch Kommas getrennte Liste zulässiger Regionen (z.B. US,CA).

WebShare API

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 hinter einer Präferenz auf Desktop (sofern unten nicht anders angegeben).

dom.webshare.enabled

Auf true setzen, um zu aktivieren.

Bildschirmorientierungs-API

ScreenOrientation.lock()

Die ScreenOrientation.lock() Methode ermöglicht es, ein Gerät auf eine bestimmte Ausrichtung zu sperren, wenn dies vom Gerät unterstützt wird und Browservoraussetzungen vor dem Sperren erfüllt sind. Typischerweise ist das Sperren der Ausrichtung nur auf mobilen Geräten erlaubt, wenn das Dokument im Vollbild angezeigt wird. Weitere Details finden Sie im Firefox-Bug 1697647.

dom.screenorientation.allow-lock

Auf true setzen, um zu aktivieren.

Benachrichtigungen-API

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

dom.webnotifications.requireinteraction.enabled

Auf true setzen, um zu aktivieren.

Sicherheit und Datenschutz

Unsichere Seitenkennzeichnung

Die beiden security.insecure_connection_text_* Einstellungen fügen ein "Nicht sicher"-Textlabel in der Adressleiste neben dem traditionellen Schlosssymbol hinzu, wenn eine Seite unsicher geladen wird (d.h. Verwendung von HTTP anstelle von HTTPS). Die browser.urlbar.trimHttps Einstellung entfernt das https: Präfix von Adresseleisten URLs. Weitere Details finden Sie im Firefox-Bug 1853418.

security.insecure_connection_text.enabled

Auf true setzen, um das Textlabel für den normalen Browsing-Modus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Auf true setzen, um das Textlabel für den privaten Browsing-Modus zu aktivieren.

browser.urlbar.trimHttps

Auf true setzen, um das https: Präfix von Adresseleisten- URLs zu entfernen.

Einschränkung von Inhalten für Erwachsene mit <meta name="rating">

Das nicht standardmäßige <meta name="rating"> Element kann auf einer Webseite enthalten sein, um den Inhalt der Seite als eingeschränkt/erwachsenenorientiert zu kennzeichnen. Zum Zeitpunkt der Erstellung dieses Dokuments gibt es zwei mögliche content-Werte, adult (von Google definiert) und RTA-5042-1996-1400-1577-RTA (von ASACP definiert), die die gleiche Wirkung haben (es können in Zukunft weitere Optionen hinzugefügt werden).

Die folgenden <meta> Elemente sind gleichwertig:

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

Browser, die dieses Element erkennen, können dann Schritte unternehmen, um zu verhindern, dass Benutzer den Inhalt ansehen. Firefox' Implementierung ersetzt die Seite durch den Inhalt, der unter about:restricted gefunden wird, der den Benutzer darüber informiert, dass er versucht, eingeschränkte Inhalte anzusehen, erklärt, warum er sie nicht anzeigen kann, und gibt ihm einen Zurückknopf, um dorthin zurückzukehren, wo er hergekommen ist.

Weitere Details finden Sie im Firefox-Bug 1991135.

security.restrict_to_adults.always

Auf true setzen, um den Zugriff auf Webseiten einzuschränken, die sich selbst als Erwachsene durch Einfügung eines <meta name="rating"> Elements identifizieren.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugriff auf Webseiten einzuschränken, die sich selbst als Erwachsenen identifizieren, indem sie ein <meta name="rating"> Element nur dann einschließen, wenn entsprechende Kindersicherungseinstellungen auf dem zugrunde liegenden Betriebssystem aktiviert sind (zum Beispiel sind die macOS Content & Privacy Einstellungen zum Einschränken des Zugriffs auf explizite Webinhalte aktiviert).

Berechtigungsrichtlinie / Feature-Policy

Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, deaktivieren und ihr Verhalten zu ändern. Sie ähnelt CSP, steuert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies wird in Firefox als Feature Policy implementiert, wie sie im Namen in einer früheren Version der Spezifikation verwendet wird.

Beachten Sie, dass unterstützte Richtlinien durch das allow Attribut auf <iframe> Elementen gesetzt werden können, selbst wenn die Benutzereinstellung nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Auf true setzen, um zu aktivieren.

Datenschutzorientierte Zuordnungs-API (PPA)

PPA API bietet eine Alternative zum Benutzer-Tracking für Werbezuschreibungen unter Verwendung des neuen navigator.privateAttribution-Objekts mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA im ursprünglichen Erklärungsdokument und der vorgeschlagenen Spezifikation. Dieses Experiment kann für Websites über origin trial oder im Browser durch Setzen der Präferenz auf 1 aktiviert werden. (Firefox-Bug 1900929).

dom.origin-trials.private-attribution.state

Auf true setzen, um zu aktivieren.

HTTP

Integritätsrichtlinie für Stylesheet-Ressourcen

Die HTTP-Header Integrity-Policy und Integrity-Policy-Report-Only werden jetzt für Style-Ressourcen unterstützt. Diese ermöglichen es Websites, entweder untergeordnete Integritätsgarantien für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Meldungsendpunkte ignoriert und Verstöße in die Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Styles, die in einem <link> Element mit rel="stylesheet" verlinkt sind und entweder das integrity Attribut fehlen oder einen Integritätshash haben, der nicht mit der Ressource auf dem Server übereinstimmt. (Firefox-Bug 1976656).

security.integrity_policy.stylesheet.enabled

Auf true setzen, um zu aktivieren.

Storage Access Header

Die HTTP-Header Sec-Fetch-Storage-Access und Activate-Storage-Access werden jetzt unterstützt und ermöglichen einen effizienteren Workflow der Storage Access API. (Firefox-Bug 1991688).

Im JavaScript-only Workflow muss eine Drittanbieter-Ressource angefordert und geladen werden, um eine Storage-Access-Berechtigung für einen bestimmten Kontext (wie einen neuen Browsertab) zu aktivieren. Dies ist erforderlich, auch wenn die Berechtigung bereits erteilt wurde. Die Storage-Access-Header ermöglichen es dem Browser, den Berechtigungsstatus für den bestimmten Kontext zu bewerben, damit der Server die Aktivierung einer bereits gewährten Berechtigung anfordern kann. Dies vermeidet den Aufwand, die Ressource unnötig abzurufen und zu laden.

dom.storage_access.headers.enabled

Auf true setzen, um zu aktivieren.

Idempotency-Key

Der Idempotency-Key HTTP-Request-Header kann von der Website-Client-Seite verwendet werden, um einen POST oder PATCH Request idempotent zu machen, wenn es mit einem unterstützen Server verwendet wird. Die Spezifikation gibt an, dass der Server dokumentieren und bewerben sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und die erwarteten Fehlermeldungen.

Firefox fügt diesen Header automatisch mit einem eindeutigen Schlüssel für jede neue POST Anfrage hinzu, wenn er von der Client-Seite des Seiten-Codes nicht bereits hinzugefügt wurde. Dies vereinfacht den auf der Client-Seite erforderlichen Code, um mit Servern zu arbeiten, die die Funktion unterstützen.

(Firefox-Bug 1830022).

network.http.idempotencyKey.enabled

Auf true setzen, um zu aktivieren.

Accept-Header mit MIME-Typ image/jxl

Der HTTP Accept Header in Standardanforderungen und Bildanforderungen kann über eine Einstellung konfiguriert werden, um Unterstützung für den image/jxl MIME-Typ anzuzeigen.

image.jxl.enabled

Auf true setzen, um zu aktivieren.

SameSite=Lax standardmäßig

SameSite-Cookies haben standardmäßig den Wert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Nutzer zur Ursprungsseite navigiert, nicht für Cross-Site-Subanfragen zum Laden von Bildern oder Frames in eine Drittanbieter-Seite usw. Für weitere Details siehe Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Auf true setzen, um zu aktivieren.

Access-Control-Allow-Headers Wildcard deckt Authorization nicht ab

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

Standardmäßig übernimmt Firefox den Authorization Header in der endgültigen Anfrage, nachdem eine Antwort mit Access-Control-Allow-Headers: * empfangen wurde. Setzen Sie die Einstellung auf false, um sicherzustellen, dass Firefox den Authorization Header nicht einschließt. Für weitere Details siehe Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Auf true setzen, um zu aktivieren.

Entwicklerwerkzeuge

Die Entwicklerwerkzeuge von Mozilla entwickeln sich fortlaufend. Wir experimentieren mit neuen Ideen, fügen neue Funktionen hinzu und testen sie in den Nightly- und Developer Edition-Kanälen, bevor sie in die Beta- und Release-Versionen eingehen. Die unten aufgeführten Funktionen sind die aktuelle Auswahl an experimentellen Entwickler-Tool-Funktionen.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

• Release-Notizen für Firefox-Entwickler
• Firefox Nightly
• Firefox Developer Edition