Experimentelle Funktionen in Firefox
Diese Seite listet experimentelle und teilweise implementierte Funktionen von Firefox auf, einschließlich sich entwickelnder oder vorgeschlagener Webplattform-Standards. Jeder Eintrag enthält Informationen über die Builds, in denen eine Funktion enthalten ist (Nightly, Beta, Developer Edition oder Release), ob sie standardmäßig aktiviert ist oder nicht und den Namen der Präferenz, mit der Sie die Funktion aktivieren oder konfigurieren können. Die Beschreibung jeder Funktion enthält auch Links zu den relevanten Bugzilla-Bugs, die die Funktion implementieren oder aktivieren. Diese Informationen ermöglichen es Ihnen, experimentelle Funktionen auszuprobieren und Feedback zu geben, bevor sie offiziell veröffentlicht werden.
Im Lebenszyklus erscheinen neue Funktionen normalerweise zuerst im Nightly, wo sie oft standardmäßig aktiviert sind, um frühzeitig Feedback und Tests zu erhalten. Wenn keine größeren Probleme gefunden werden, sind sie in Beta- und Developer Edition-Vorabversionen enthalten. Schließlich werden genehmigte Funktionen im stabilen Release Kanal veröffentlicht. Wenn eine Funktion standardmäßig in einer Veröffentlichung aktiviert ist, wird sie nicht mehr als experimentell betrachtet und wird von dieser Seite entfernt.
Um diese Funktionen zu aktivieren, geben Sie about:config in die Firefox-Adressleiste ein, suchen Sie nach der zugehörigen Präferenz und ändern Sie deren Wert, der normalerweise zwischen true und false umgeschaltet werden kann. Abhängig von der Funktion müssen Sie möglicherweise den Browser neu starten, damit die Änderung wirksam wird. Weitere Informationen zur Verwaltung von Präferenzen in Firefox finden Sie im Firefox-Konfiguration-Editor-Supportartikel.
HTML
>Layout für input type="search"
Das Layout für input type="search" wurde aktualisiert. Dies bewirkt, dass ein Suchfeld ein Löschsymbol hat, sobald jemand zu tippen beginnt, um Implementierungen anderer Browser anzupassen. (Siehe Firefox-Bug 558594 für weitere Details.)
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 81 | Nein |
| Developer Edition | 81 | Nein |
| Beta | 81 | Nein |
| Release | 81 | Nein |
layout.forms.input-type-search.enabled-
Auf
truesetzen, um zu aktivieren.
Umschalten der Passwortanzeige
HTML-Passworteingabefelder (<input type="password">) enthalten ein "Auge"-Symbol, das umgeschaltet werden kann, um den Passworttext anzuzeigen oder zu verbergen (Firefox-Bug 502258).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 96 | Nein |
| Developer Edition | 96 | Nein |
| Beta | 96 | Nein |
| Release | 96 | Nein |
-
Auf
truesetzen, um zu aktivieren.
Zeitpicker in datetime-local und time Eingabeelementen
Die HTML-<input type="datetime-local"> und <input type="time"> Elemente unterstützen einen Zeitpicker. (Firefox-Bug 1726108).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 144 | Nein |
| Developer Edition | 144 | Nein |
| Beta | 144 | Nein |
| Release | 144 | Nein |
dom.forms.datetime.timepicker-
Auf
truesetzen, um zu aktivieren.
alpha und colorspace Attribute in color Eingabeelementen
Das HTML-<input type="color"> Element unterstützt die alpha und colorspace Attribute. (Firefox-Bug 1919718).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 149 | Ja |
| Developer Edition | - | - |
| Beta | - | - |
| Release | - | - |
dom.forms.html_color_picker.enabled-
Auf
truesetzen, um zu aktivieren.
CSS
>Hex-Boxen zur Anzeige von 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-Box, wenn sie unerwartet auftreten. (Siehe Firefox-Bug 1099557 für weitere Details.)
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 43 | Ja |
| Developer Edition | 43 | Nein |
| Beta | 43 | Nein |
| Release | 43 | Nein |
layout.css.control-characters.visible-
Auf
truesetzen, um zu aktivieren.
initial-letter Eigenschaft
Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und ermöglicht es Ihnen zu spezifizieren, wie eingegossene, gehobene und eingesenkte Initialbuchstaben angezeigt werden. (Siehe Firefox-Bug 1223880 für weitere Details.)
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 50 | Nein |
| Developer Edition | 50 | Nein |
| Beta | 50 | Nein |
| Release | 50 | Nein |
layout.css.initial-letter.enabled-
Auf
truesetzen, um zu aktivieren.
fit-content() Funktion
Die fit-content() Funktion, wie sie in width und anderen Größenangaben angewendet wird. Diese Funktion wird bereits gut für die Größenbestimmung von CSS-Grid-Layoutspuren unterstützt. (Siehe Firefox-Bug 1312588 für weitere Details.)
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 91 | Nein |
| Developer Edition | 91 | Nein |
| Beta | 91 | Nein |
| Release | 91 | Nein |
layout.css.fit-content-function.enabled-
Auf
truesetzen, um zu aktivieren.
Scrollabhängige Animationen
Früher "scrollverlinkte Animationen" genannt, hängt eine scrollabhängige Animation von der Scrollposition eines Scrollbalkens ab, anstatt von der Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzform) ermöglichen es Ihnen, anzugeben, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scrollabhängige Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation verknüpft werden, indem die animation-timeline Eigenschaft auf den in scroll-timeline-name definierten Namen gesetzt wird.
Beim Verwenden der scroll-timeline Kurzform müssen die Eigenschaftswerte der Reihenfolge scroll-timeline-name gefolgt von scroll-timeline-axis angegeben werden. Die Lang- und Kurzform-Eigenschaften sind beide hinter der Präferenz verfügbar. Sie können alternativ die scroll() Funktion mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse in einem Vorfahrenelement für die Zeitleiste 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 Kurzform) werden noch nicht unterstützt. Für weitere Informationen siehe Firefox-Bug 1676779.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 136 | Ja |
| Developer Edition | 110 | Nein |
| Beta | 110 | Nein |
| Release | 110 | Nein |
layout.css.scroll-driven-animations.enabled-
Auf
truesetzen, um zu aktivieren.
prefers-reduced-transparency Medienfunktion
Die CSS prefers-reduced-transparency Medienfunktion ermöglicht es zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, um die Menge an transparenten oder durchscheinenden Schichteffekten auf ihrem Gerät zu minimieren. Siehe (Firefox-Bug 1736914) für weitere Details.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 113 | Nein |
| Developer Edition | 113 | Nein |
| Beta | 113 | Nein |
| Release | 113 | Nein |
layout.css.prefers-reduced-transparency.enabled-
Auf
truesetzen, um zu aktivieren.
inverted-colors Medienfunktion
Die CSS inverted-colors Medienfunktion ermöglicht es zu erkennen, ob ein Benutzeragent oder das zugrundeliegende Betriebssystem Farben umkehrt. Siehe (Firefox-Bug 1794628) für weitere Details.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 114 | Nein |
| Developer Edition | 114 | Nein |
| Beta | 114 | Nein |
| Release | 114 | Nein |
layout.css.inverted-colors.enabled-
Auf
truesetzen, um zu aktivieren.
Eigenschaft für benannte Ansichtsfortschrittszeitleisten
Die CSS view-timeline-name Eigenschaft ermöglicht Ihnen, einem bestimmten Element einen Namen zu geben, indem der Vorfahren-Scrollbalken des Elements als Quelle einer Ansichtsfortschrittszeitleiste identifiziert wird. Der Name kann dann der animation-timeline zugewiesen werden, die dann das zugehörige Element animiert, während es sich durch den sichtbaren Bereich seines Vorfahrer-Scrollbalkens bewegt. Siehe (Firefox-Bug 1737920) für weitere Details.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 114 | Nein |
| Developer Edition | 114 | Nein |
| Beta | 114 | Nein |
| Release | 114 | Nein |
layout.css.scroll-driven-animations.enabled-
Auf
truesetzen, um zu aktivieren.
Funktion für anonyme Ansichtsfortschrittszeitleisten
Die CSS view() Funktion ermöglicht es Ihnen anzugeben, dass die animation-timeline für ein Element eine Ansichtsfortschrittszeitleiste ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines Vorfahrer-Scrollers bewegt. Die Funktion definiert die Achse des Elternelements, die die Zeitleiste liefert, sowie den Einsatz innerhalb des sichtbaren Bereichs, an dem die Animation startet und beginnt. Siehe (Firefox-Bug 1808410) für weitere Details.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 114 | Nein |
| Developer Edition | 114 | Nein |
| Beta | 114 | Nein |
| Release | 114 | Nein |
layout.css.scroll-driven-animations.enabled-
Auf
truesetzen, um zu aktivieren.
Herstellerpräfixierte Transformations-Eigenschaften
Die -moz- präfixierten CSS-Transformationen können deaktiviert werden, indem die layout.css.prefixes.transforms Präferenz auf false gesetzt wird. Das Ziel ist es, diese zu deaktivieren, sobald die standardmäßigen CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).
Konkret deaktiviert diese Präferenz die folgenden präfixierten Eigenschaften:
-moz-backface-visibility-moz-perspective-moz-perspective-origin-moz-transform-moz-transform-origin-moz-transform-style
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 120 | Ja |
| Developer Edition | 120 | Ja |
| Beta | 120 | Ja |
| Release | 120 | Ja |
layout.css.prefixes.transforms-
Auf
truesetzen, 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 spezifizieren. Diese Werte ermöglichen es Ihnen, Kontrollpunkte anzugeben, die relativ zum Anfangs- oder Endpunkt des aktuellen Befehls oder relativ zum Ursprung (oben-links) des Containers positioniert sind, in dem die Form gezeichnet wird. (Firefox-Bug 1921501).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 146 | Ja |
| Developer Edition | 146 | Nein |
| Beta | 146 | Nein |
| Release | 146 | Nein |
layout.css.basic-shape-shape.enabled-
Auf
truesetzen, um zu aktivieren.
Symmetrisches letter-spacing
Die CSS letter-spacing Eigenschaft teilt den angegebenen Buchstabenabstand nun gleichmäßig auf beiden Seiten jedes Zeichens auf. Dies unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich auf einer Seite hinzugefügt wird. Dieser Ansatz kann die Textanordnung verbessern, insbesondere bei gemischt-direktionalem Text. (Firefox-Bug 1891446).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 128 | Ja |
| Developer Edition | 128 | Ja |
| Beta | 127 | Nein |
| Release | 127 | Nein |
layout.css.letter-spacing.model-
Auf
truesetzen, um zu aktivieren.
calc() Farbkanalunterstützung in relativen Farben
Die CSS calc() Funktion kann nun Farbkanäle in relativen Farben parsen, wodurch Sie Änderungen an Farben in verschiedenen Farbräumen oder während der Verwendung verschiedener Funktionsnotationen korrekt berechnen können. Firefox-Bug 1889561.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 127 | Ja |
| Developer Edition | 127 | Nein |
| Beta | 127 | Nein |
| Release | 127 | Nein |
layout.css.relative-color-syntax.enabled-
Auf
truesetzen, um zu aktivieren.
Pseudo-Elemente nach elementgestützten Pseudo-Elementen erlauben
Arbeit hat begonnen, um es zu ermöglichen, Pseudo-Elemente wie ::first-letter und ::before an elementgestützte Pseudo-Elemente wie ::details-content und ::file-selector-button anzuhängen.
Dies ermöglicht es Benutzern beispielsweise, den ersten Buchstaben des <details> Elements mit dem CSS-Selektor ::details-content::first-letter zu stylen oder Inhalt vor einem <input> mit type="file" mit dem CSS-Selektor ::file-selector-button::before hinzuzufügen.
Derzeit kann nur Unterstützung für ::details-content::first-letter durch Parsen von @supports(::details-content::first-letter) erfolgen. Das ::file-selector-button Pseudo-Element ist noch nicht als elementgestütztes Pseudo-Element markiert, daher gibt es keine Möglichkeit, dies zu testen. (Firefox-Bug 1953557, Firefox-Bug 1941406).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 138 | Nein |
| Developer Edition | 138 | Nein |
| Beta | 138 | Nein |
| Release | 138 | Nein |
:heading und :heading() Pseudo-Klassen
Die :heading Pseudo-Klasse ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln anzusprechen. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu stylen, die einer durch Kommas getrennten Liste von Ganzzahlen entsprechen, die den Überschriftsebenen entsprechen. (Firefox-Bug 1974386 & Firefox-Bug 1984310).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 142 | Nein |
| Developer Edition | 142 | Nein |
| Beta | 142 | Nein |
| Release | 142 | Nein |
layout.css.heading-selector.enabled-
Auf
truesetzen, um zu aktivieren.
text-decoration-trim
Die CSS text-decoration-trim-Eigenschaft ermöglicht es Ihnen, text-decoration Start- und Endabstände zu spezifizieren, um die Länge oder die Position von Textdekorationen im Verhältnis zum Text zu verkürzen, zu verlängern oder zu verschieben (Firefox-Bug 1979915).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 145 | Nein |
| Developer Edition | 145 | Nein |
| Beta | 145 | Nein |
| Release | 145 | Nein |
layout.css.text-decoration-trim.enabled-
Auf
truesetzen, um zu aktivieren.
@custom-media At-Regel
Die @custom-media CSS-At-Regel definiert Aliase für lange oder komplexe Medienabfragen. Anstatt dieselbe hartcodierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert und wann immer nötig in der gesamten Stildatei referenziert werden. (Firefox-Bug 1744292).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 148 | Nein |
| Developer Edition | 148 | Nein |
| Beta | 148 | Nein |
| Release | 148 | Nein |
layout.css.custom-media.enabled-
Auf
truesetzen, um zu aktivieren.
<attr-type> Werte in attr() CSS Funktion
Die attr() CSS-Funktion unterstützt nun <attr-type> Werte. Dies ermöglicht es Ihnen, zu spezifizieren, wie ein Attributwert in einen CSS-Wert geparst wird und diese Werte direkt von data-* zu übernehmen. (Firefox-Bug 1986631, Firefox-Bug 1998245)
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 149 | Nein |
| Developer Edition | 149 | Nein |
| Beta | 149 | Nein |
| Release | 149 | Nein |
layout.css.attr.enabled-
Auf
truesetzen, um zu aktivieren.
Namensraum-Attribute in attr() CSS Funktion
Die attr() CSS-Funktion akzeptiert nun namensraumbezogene Attribute. Dies ermöglicht es Ihnen, Attribute von Elementen sprachbasierter Sprachen wie XML zu übernehmen, darunter auch SVG, und sie entsprechend zu stylen. (Firefox-Bug 2014060.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 150 | Nein |
| Developer Edition | 150 | Nein |
| Beta | 150 | Nein |
| Release | 150 | Nein |
layout.css.attr.enabled-
Auf
truesetzen, um zu aktivieren.
@container style() Abfragen
Die @container CSS-At-Regel unterstützt style() Abfragen. Dies ermöglicht es Ihnen, zu prüfen, ob ein Container eine gültige CSS-Deklaration, eine CSS-Eigenschaft oder eine benutzerdefinierte Eigenschaft hat, und entsprechend Stile auf seine Kinder anzuwenden. (Firefox-Bug 2014404, Firefox-Bug 2014098).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 149 | Ja |
| Developer Edition | 149 | Nein |
| Beta | 149 | Nein |
| Release | 149 | Nein |
layout.css.style-queries.enabled-
Auf
truesetzen, um zu aktivieren.
Absolut positionierte Elemente in Mehrspalten-Containern und beim Drucken
Absolut positionierte Elemente in Mehrspalten-Containern und beim Drucken sind jetzt korrekt positioniert und fragmentiert. Dies verbessert die Interoperabilität mit anderen Browsern und verhindert Layoutprobleme wie überlappenden Text oder Inhaltsverlust. (Firefox-Bug 2018797).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 150 | Ja |
| Developer Edition | 150 | Nein |
| Beta | 150 | Nein |
| Release | 150 | Nein |
layout.abspos.fragmentainer-aware-positioning.enabled-
Auf
truesetzen, um zu aktivieren.
SVG
Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.
JavaScript
>Mehrere Import-Mappings
Unterstützung für mehrere Import-Mappings. Diese geben Entwicklern mehr Flexibilität beim Strukturieren und Laden von JavaScript-Modulen, da sie nicht mehr alle Modulzuweisungen im Voraus wissen und in einem einzigen Import-Mapping deklarieren müssen. (Firefox-Bug 1916277).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 150 | Nein |
| Developer Edition | 150 | Nein |
| Beta | 150 | Nein |
| Release | 150 | Nein |
dom.multiple_import_maps.enabled-
Auf
truesetzen, um zu aktivieren.
APIs
>Abgegrenzte benutzerdefinierte Element-Registries
Unterstützung für abgegrenzte benutzerdefinierte Element-Registries wird implementiert. Abgegrenzte Registries erlauben es einem Schattenbaum, eine unabhängige CustomElementRegistry zu erstellen, deren Definitionen nur für dieses spezifische DOM-Unterbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Webkomponenten Elemente mit demselben Namen deklarieren.
Die Implementierung umfasst:
customElementRegistryEigenschaft aufDocument,ElementundShadowRoot. (Firefox-Bug 2018900).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 150 | Nein |
| Developer Edition | 150 | Nein |
| Beta | 150 | Nein |
| Release | 150 | Nein |
dom.scoped-custom-element-registries.enabled-
Auf
truesetzen, um zu aktivieren.
CSS Typed Object Model Level 1
Implementierungsarbeit am CSS Typed OM Level 1 hat begonnen. Beispielsweise wird die to() Methode der CSSNumericValue Schnittstelle unterstützt, um eine CSS-Zahl von einer Einheit in eine andere umzuwandeln. (Firefox-Bug 1278697).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 149 | Nein |
| Developer Edition | 149 | Nein |
| Beta | 149 | Nein |
| Release | 149 | Nein |
layout.css.typed-om.enabled-
Auf
truesetzen, um zu aktivieren.
Notification actions und maxActions Eigenschaften
Die actions Nur-Lesen-Eigenschaft und die maxActions statische Nur-Lesen-Eigenschaft der Notification Schnittstelle werden in Nightly auf Desktops unterstützt. Diese enthalten die Benachrichtigungsaktionen, die mit ServiceWorkerRegistration.showNotification() festgelegt wurden und die maximale Anzahl an Aktionen, die festgelegt werden können. (Firefox-Bug 1225110, Firefox-Bug 1963263).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 138 | Ja (nur Desktop) |
| Developer Edition | 138 | Nein |
| Beta | 138 | Nein |
| Release | 138 | Nein |
dom.webnotifications.actions.enabled-
Auf
truesetzen, um zu aktivieren.
Grafik: Canvas, WebGL und WebGPU
WebGL: Entwurfserweiterungen
Wenn diese Präferenz aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im "Entwurfs"status befinden und getestet werden, zur Nutzung freigegeben. Derzeit werden von Firefox keine WebGL-Erweiterungen getestet.
WebGPU API
Die WebGPU API bietet Low-Level-Unterstützung für das Durchführen von Berechnungen und Grafik-Rendering mithilfe des Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. 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 Browserkontexten außer Service-Workern aktiviert. Für andere Plattformen wie Linux und macOS auf Intel Silicon ist es in Nightly aktiviert. Weitere Details zum Fortschritt dieser API finden Sie unter Firefox-Bug 1602129.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 141 | Ja |
| Developer Edition | 141 | Nein (Ja auf Windows und macOS auf Apple Silicon, außer bei Service-Workern) |
| Beta | 141 | Nein (Ja auf Windows und macOS auf Apple Silicon, außer bei Service-Workern) |
| Release | 141 | Nein (Ja auf Windows und macOS auf Apple Silicon, außer bei Service-Workern) |
dom.webgpu.enabled-
Auf
truesetzen, um zu aktivieren (in Nightly und auf Windows in allen Versionen aktiviert) dom.webgpu.service-workers.enabled-
Auf
truesetzen, um zu aktivieren (in Nightly aktiviert)
WebRTC und Medien
Die folgenden experimentellen Funktionen umfassen solche, die in Medien-APIs wie der WebRTC API, der Web Audio API, der Media Source Extensions API, der Encrypted Media Extensions API und der Media Capture and Streams API vorkommen.
HTMLMediaElement Eigenschaften: audioTracks und videoTracks
Das Aktivieren dieser Funktion fügt die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften zu allen HTML-Medienelementen hinzu. Da Firefox derzeit keine Unterstützung für mehrere Audio- und Videospuren bietet, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften jedoch nicht, weshalb sie standardmäßig deaktiviert sind. Weitere Details finden Sie im Firefox-Bug 1057233.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 33 | Nein |
| Developer Edition | 33 | Nein |
| Beta | 33 | Nein |
| Release | 33 | Nein |
media.track.enabled-
Auf
truesetzen, um zu aktivieren.
Asynchrones Hinzufügen und Entfernen von SourceBuffer
Dies fügt die versprechensbasierten Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Medienquellenpuffern zur SourceBuffer Schnittstelle hinzu. Weitere Informationen finden Sie unter Firefox-Bug 1280613 und Firefox-Bug 778617.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 62 | Nein |
| Developer Edition | 62 | Nein |
| Beta | 62 | Nein |
| Release | 62 | Nein |
media.mediasource.experimental.enabled-
Auf
truesetzen, um zu aktivieren.
AVIF Einhaltung - Strenge
Die image.avif.compliance_strictness Präferenz kann verwendet werden, um die Strenge zu steuern, die beim Verarbeiten von AVIF-Bildern angewendet wird. Dies ermöglicht es Firefox-Benutzern, Bilder anzuzeigen, die in einigen anderen Browsern gerendert werden, selbst wenn sie nicht vollständig compliant sind.
| Veröffentlichungskanal | Hinzugefügte Version | Standardwert |
|---|---|---|
| Nightly | 92 | 1 |
| Developer Edition | 92 | 1 |
| Beta | 92 | 1 |
| Release | 92 | 1 |
image.avif.compliance_strictness-
Numerischer Wert, der ein Strenge-Level angibt. Erlaubte Werte sind:
0: Permissiv. Akzeptiert Bilder mit Verstößen gegen die Spezifikation in Empfehlungen ("sollte"-Sprache) und Anforderungen ("muss"-Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.1(Standard): Gemischt. Lehnt Verstöße gegen Anforderungen ("muss") ab, erlaubt jedoch Verstöße gegen Empfehlungen ("sollte").2: Streng. Lehne Verstöße gegen festgelegte Anforderungen oder Empfehlungen ab.
JPEG XL Unterstützung
Firefox unterstützt JPEG XL Bilder, wenn diese Funktion aktiviert ist. Weitere Details finden Sie im Firefox-Bug 1539075.
Beachten Sie, dass die Funktion, wie unten gezeigt, nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist). In Firefox 149 wurde der vorherige C++ JPEG XL Bilddecoder durch eine neue Rust-basierte Implementierung ersetzt, die die jxl-rs Bibliothek verwendet (Firefox-Bug 1986393).
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 90 | Nein |
| Developer Edition | — | — |
| Beta | — | — |
| Release | — | — |
image.jxl.enabled-
Auf
truesetzen, um zu aktivieren.
WebVR API (Deaktiviert)
Die veraltete WebVR API ist auf dem Weg zur Entfernung. Sie ist standardmäßig in allen Builds deaktiviert (Firefox-Bug 1750902).
| Veröffentlichungskanal | Entfernte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 98 | Nein |
| Developer Edition | 98 | Nein |
| Beta | 98 | Nein |
| Release | 98 | Nein |
dom.vr.enabled-
Auf
truesetzen, um zu aktivieren.
GeometryUtils Methoden: convertPointFromNode(), convertRectFromNode(), und convertQuadFromNode()
Die GeometryUtils Methoden convertPointFromNode(), convertRectFromNode() und convertQuadFromNode() transformieren den angegebenen Punkt, das Rechteck oder die Vierfachheit vom Node, auf dem sie aufgerufen werden, zu einem anderen Knoten. (Siehe Firefox-Bug 918189 für weitere Details.)
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 31 | Ja |
| Developer Edition | 31 | Nein |
| Beta | 31 | Nein |
| Release | 31 | Nein |
layout.css.convertFromNode.enable-
Auf
truesetzen, um zu aktivieren.
GeometryUtils Methode: getBoxQuads()
Die GeometryUtils Methode getBoxQuads() gibt die CSS-Boxen für einen Node relativ zu einem anderen Knoten oder einem Ansichtsfenster zurück. (Siehe Firefox-Bug 917755 für weitere Details.)
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 31 | Ja |
| Developer Edition | 31 | Nein |
| Beta | 31 | Nein |
| Release | 31 | Nein |
layout.css.getBoxQuads.enabled-
Auf
truesetzen, um zu aktivieren.
Payment Request API
Primäre Zahlungsabwicklung
Die Payment Request API bietet Unterstützung für die Bearbeitung von webbasierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Bugs, der während der Tests der Benutzeroberfläche auftrat, haben wir beschlossen, die Auslieferung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeit läuft weiter. (Siehe Firefox-Bug 1318984 für weitere Details.)
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 55 | Nein |
| Developer Edition | 55 | Nein |
| Beta | 55 | Nein |
| Release | 55 | Nein |
dom.payments.request.enabled-
Auf
truesetzen, um zu aktivieren. dom.payments.request.supportedRegions-
Ländercodes als Komma-separierte Zulassungsliste von 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 standardmäßig auf Android in allen Builds aktiviert, aber auf Desktops hinter einer Präferenz (es sei denn, wie unten angegeben).
| Veröffentlichungskanal | Versionswechsel | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 71 | Nein (Standard). Ja (Windows ab Version 92) |
| Developer Edition | 71 | Nein |
| Beta | 71 | Nein |
| Release | 71 | Nein (Desktop). Ja (Android). |
-
Auf
truesetzen, um zu aktivieren.
Notifications API
Benachrichtigungen haben die requireInteraction-Eigenschaft, die standardmäßig auf Windows-Systemen und im Nightly-Release auf true gesetzt ist (Firefox-Bug 1794475).
| Veröffentlichungskanal | Versionswechsel | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 117 | Ja |
| Developer Edition | 117 | Nein |
| Beta | 117 | Nein |
| Release | 117 | Nur Windows |
dom.webnotifications.requireinteraction.enabled-
Auf
truesetzen, um zu aktivieren.
Sicherheit und Datenschutz
>Unsichere Seitenkennzeichnung
Die beiden security.insecure_connection_text_* Präferenzen fügen ein "Nicht sicher"-Textlabel in die Adressleiste neben dem traditionellen Schlosssymbol hinzu, wenn eine Seite unsicher geladen wird (d.h. mit HTTP anstatt mit HTTPS). Die browser.urlbar.trimHttps Präferenz entfernt das https: Präfix aus den URLs in der Adressleiste. Weitere Details finden Sie im Firefox-Bug 1853418.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 121 | Ja |
| Developer Edition | 60 | Nein |
| Beta | 60 | Nein |
| Release | 60 | Nein |
security.insecure_connection_text.enabled-
Auf
truesetzen, um das Textlabel für den normalen Browsingmodus zu aktivieren. security.insecure_connection_text.pbmode.enabled-
Auf
truesetzen, um das Textlabel für den privaten Browsingmodus zu aktivieren. browser.urlbar.trimHttps-
Auf
truesetzen, um dashttps:Präfix aus den URLs in der Adressleiste zu entfernen.
Einschränkungen von Inhalten für Erwachsene mit <meta name="rating">
Das nicht standardisierte <meta name="rating"> Element kann auf einer Webseite enthalten sein, um die Inhalte der Seite als eingeschränkt/erwachsen zu kennzeichnen. Zum Zeitpunkt des Schreibens gibt es zwei mögliche content Werte, adult (definiert von Google) und RTA-5042-1996-1400-1577-RTA (definiert von ASACP), die denselben Effekt haben (weitere Optionen können in der Zukunft 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 Benutzer davon abzuhalten, auf die Inhalte zuzugreifen. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt von about:restricted, der dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzuzeigen, erklärt, warum er darauf nicht zugreifen kann, und einen Zurück-Button bietet, um zurückzukehren.
Weitere Details finden Sie im Firefox-Bug 1991135.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 146 | Nein |
| Developer Edition | 146 | Nein |
| Beta | 146 | Nein |
| Release | 146 | Nein |
security.restrict_to_adults.always-
Auf
truesetzen, um den Zugriff auf Webseiten zu beschränken, die sich selbst als Erwachseneninhalte identifizieren, indem sie ein<meta name="rating">Element enthalten. security.restrict_to_adults.respect_platform-
Auf
truesetzen, um den Zugriff auf Webseiten zu beschränken, die sich selbst als Erwachseneninhalte identifizieren, indem sie ein<meta name="rating">Element enthalten, nur wenn geeignete elterliche Kontrollen auf dem zugrundeliegenden Betriebssystem gesetzt sind (z.B. wenn die macOS Content & Privacy Einstellungen gesetzt sind, um explizite Webinhalte zu beschränken).
Berechtigungsrichtlinie / Feature-Policy
Permissions Policy ermöglicht es Webentwicklern, das Verhalten bestimmter Features und APIs im Browser selektiv zu aktivieren, zu deaktivieren oder zu ändern. Sie ähnelt CSP, kontrolliert jedoch Features anstatt 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 auf <iframe> Elementen festgelegt werden können, auch wenn die Benutzerpräferenz nicht gesetzt ist.
| Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 65 | Nein |
| Developer Edition | 65 | Nein |
| Beta | 65 | Nein |
| Release | 65 | Nein |
dom.security.featurePolicy.header.enabled-
Auf
truesetzen, um zu aktivieren.