Experimentelle Funktionen in Firefox
Diese Seite listet die experimentellen und teilweise implementierten Funktionen von Firefox auf, einschließlich sich weiterentwickelnder oder vorgeschlagener Webplattform-Standards. Jeder Eintrag unten enthält Informationen über die Versionen, in denen eine Funktion enthalten ist (Nightly, Beta, Developer Edition oder Release), ob sie standardmäßig aktiviert ist oder nicht, und den Namen der Einstellung, die Sie verwenden können, um die Funktion zu aktivieren oder zu konfigurieren. Die Beschreibung jeder Funktion enthält auch Links zu 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.
In Bezug auf den Lebenszyklus erscheinen neue Funktionen normalerweise zuerst im Nightly, wo sie oft standardmäßig für frühes Feedback und Tests aktiviert sind. Wenn keine größeren Probleme festgestellt werden, werden sie in Beta und Developer Edition Vorabversionen aufgenommen. Schließlich werden genehmigte Funktionen im stabilen Release Kanal freigegeben. Wenn eine Funktion standardmäßig in einem Release aktiviert ist, wird sie nicht mehr als experimentell angesehen und von dieser Seite entfernt.
Um diese Funktionen zu aktivieren, geben Sie about:config in die Firefox-Adressleiste ein, suchen Sie nach der zugehörigen Einstellung und ändern Sie deren Wert, der normalerweise zwischen true und false umgestellt wird.
Je nach Funktion müssen Sie möglicherweise den Browser neu starten, damit die Änderung wirksam wird.
Weitere Informationen zur Verwaltung von Einstellungen in Firefox finden Sie im Supportartikel Firefox Configuration Editor.
HTML
>Layout für input type="search"
Das Layout für input type="search" wurde aktualisiert. Dadurch erhält ein Suchfeld ein Löschsymbol, sobald jemand darin zu tippen beginnt, um die Implementierungen anderer Browser zu entsprechen. (Siehe Firefox Bug 558594 für weitere Details.)
| Release-Kanal | Version hinzugefügt | 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.
Passwortanzeige umschalten
HTML-Passworteingabeelemente (<input type="password">) enthalten ein "Auge"-Symbol, das umgeschaltet werden kann, um den Passworttext anzuzeigen oder zu verdunkeln (Firefox Bug 502258).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 96 | Nein |
| Developer Edition | 96 | Nein |
| Beta | 96 | Nein |
| Release | 96 | Nein |
-
Auf
truesetzen, um zu aktivieren.
Zeitwähler in datetime-local und time Eingabeelementen
Die HTML <input type="datetime-local"> und <input type="time"> Elemente unterstützen einen Zeitwähler. (Firefox Bug 1726108).
| Release-Kanal | Version hinzugefügt | 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 & colorspace Attribute. (Firefox Bug 1919718).
| Release-Kanal | Version hinzugefügt | 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 Darstellung verstreuter 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 unerwartet sind. (Siehe Firefox Bug 1099557 für weitere Details.)
| Release-Kanal | Version hinzugefügt | 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 hervorgehobene, erhöhte und gesenkte Anfangsbuchstaben angezeigt werden. (Siehe Firefox Bug 1223880 für weitere Details.)
| Release-Kanal | Version hinzugefügt | 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 auf width und andere Größenangaben angewendet wird. Diese Funktion wird bereits gut für die Spurgrößenanpassung im CSS Grid Layout unterstützt. (Siehe Firefox Bug 1312588 für weitere Details.)
| Release-Kanal | Version hinzugefügt | 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.
Scroll-gesteuerte Animationen
Früher als "scroll-verknüpfte Animationen" bezeichnet, hängt eine scroll-gesteuerte Animation von der Scrollposition eines Scrollbalkens statt von der Zeit oder einer anderen Dimension ab.
Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschreibweise) ermöglichen es Ihnen zu spezifizieren, dass ein bestimmter Scrollbalken in einem benannten Container als Quelle für eine scroll-gesteuerte Animation verwendet werden kann.
Die Scroll-Zeitleiste kann dann mit einer Animation verknüpft werden, indem die animation-timeline Eigenschaft auf den Namenswert gesetzt wird, der mit scroll-timeline-name definiert wurde.
Bei Verwendung der scroll-timeline Kurzschreibweise muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein.
Die Lang- und Kurzschreibweise der Eigenschaften sind beide hinter der Einstellung verfügbar.
Alternativ können Sie die scroll() Funktionsnotation mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse in einem übergeordneten Element 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 Kurzschreibweise) werden noch nicht unterstützt. Für weitere Informationen siehe Firefox Bug 1676779.
| Release-Kanal | Version hinzugefügt | 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 Medieneigenschaft
Die CSS prefers-reduced-transparency Medieneigenschaft ermöglicht es Ihnen 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.
| Release-Kanal | Version hinzugefügt | 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 Medieneigenschaft
Die CSS inverted-colors Medieneigenschaft ermöglicht es Ihnen zu erkennen, ob ein Benutzeragent oder das zugrunde liegende Betriebssystem Farben invertiert.
Siehe (Firefox Bug 1794628) für weitere Details.
| Release-Kanal | Version hinzugefügt | 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.
Benannte Ansichtsfortschritts-Zeitleisten-Eigenschaft
Die CSS view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, der angibt, dass sein übergeordnetes Scrollelement die Quelle einer Ansichtsfortschritts-Zeitleiste ist.
Der Name kann dann dem animation-timeline zugewiesen werden, was das zugehörige Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollelements bewegt.
Siehe (Firefox Bug 1737920) für weitere Details.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 136 | Ja |
| Developer Edition | 114 | Nein |
| Beta | 114 | Nein |
| Release | 114 | Nein |
layout.css.scroll-driven-animations.enabled-
Auf
truesetzen, um zu aktivieren.
Anonyme Ansichtsfortschritts-Zeitleistenfunktion
Die CSS view() Funktion ermöglicht es Ihnen anzugeben, dass die animation-timeline für ein Element eine Ansichtsfortschritts-Zeitleiste ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollelements bewegt.
Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitleiste bereitstellt, sowie den Versatz innerhalb des sichtbaren Bereichs, bei dem die Animation beginnt und endet.
Siehe (Firefox Bug 1808410) für weitere Details.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 136 | Ja |
| Developer Edition | 114 | Nein |
| Beta | 114 | Nein |
| Release | 114 | Nein |
layout.css.scroll-driven-animations.enabled-
Auf
truesetzen, um zu aktivieren.
Anbieter-präfixierte Transform-Eigenschaften
Die mit -moz- vorangestellten CSS-Transform- Eigenschaften können deaktiviert werden, indem die Einstellung layout.css.prefixes.transforms auf false gesetzt wird. Ziel ist es, diese zu deaktivieren, sobald die standardmäßigen CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox Bug 1886134, Firefox Bug 1855763).
Insbesondere wird durch diese Einstellung die folgenden vorangestellten Eigenschaften deaktivieren:
-moz-backface-visibility-moz-perspective-moz-perspective-origin-moz-transform-moz-transform-origin-moz-transform-style
| Release-Kanal | Version hinzugefügt | 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.
Symmetrisches letter-spacing
Die CSS letter-spacing Eigenschaft verteilt nun den angegebenen Zeichenabstand gleichmäßig auf beide Seiten jedes Zeichens. Dies unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich auf einer Seite hinzugefügt wird. Dieser Ansatz kann die Textabstände verbessern, insbesondere in gemischt-direktionalen Texten.
(Firefox Bug 1891446).
| Release-Kanal | Version hinzugefügt | 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.
Erlauben von Pseudo-Elementen nach elementgestützten Pseudo-Elementen
Die Arbeit hat begonnen, um zu ermöglichen, dass Pseudo-Elemente wie ::first-letter und ::before an elementgestützte Pseudo-Elemente wie ::details-content und ::file-selector-button angefügt werden können.
Dies ermöglicht es Benutzern beispielsweise, den ersten Buchstaben des <details> Elements zu gestalten, indem der CSS-Selektor ::details-content::first-letter verwendet wird oder Inhalte vor einem <input> vom type="file" hinzuzufügen, indem der CSS-Selektor ::file-selector-button::before verwendet wird.
Derzeit kann nur die Unterstützung für ::details-content::first-letter mit @supports(::details-content::first-letter) geparst werden.
Das ::file-selector-button Pseudo-Element ist noch nicht als elementgestütztes Pseudo-Element markiert, so dass es keine Möglichkeit gibt, dies zu testen.
(Firefox Bug 1953557, Firefox Bug 1941406).
| Release-Kanal | Version hinzugefügt | 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 gestalten, anstatt sie einzeln zu markieren. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu gestalten, die mit einer kommagetrennten Liste von ganzzahligen Zahlen übereinstimmen, die den Überschriftsebenen entsprechen. (Firefox Bug 1974386 & Firefox Bug 1984310).
| Release-Kanal | Version hinzugefügt | 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.
@custom-media At-Regel
Die @custom-media CSS At-Regel definiert Aliase für lange oder komplexe Medienabfragen. Anstatt die gleiche fest codierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert und bei Bedarf im Stylesheet überall referenziert werden. (Firefox Bug 1744292).
| Release-Kanal | Version hinzugefügt | 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 jetzt <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 nehmen. (Firefox Bug 1986631, Firefox Bug 1998245)
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Ja |
| Developer Edition | 149 | Nein |
| Beta | 149 | Nein |
| Release | 149 | Nein |
layout.css.attr.enabled-
Auf
truesetzen, um zu aktivieren.
Attribut-Namensräume in attr() CSS-Funktion
Die attr() CSS-Funktion akzeptiert jetzt Namensräume für Attribute. Dies ermöglicht es Ihnen, Attribute von Elementen von XML-basierten Sprachen wie SVG zu verwenden und entsprechend zu gestalten. (Firefox Bug 2014060).
| Release-Kanal | Version hinzugefügt | 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.
Absolut positionierte Elemente in mehrspaltigen Containern und beim Drucken
Absolut positionierte Elemente innerhalb von mehrspaltigen Containern und beim Drucken sind jetzt korrekt positioniert und fragmentiert. Dies verbessert die Interoperabilität mit anderen Browsern und verhindert Layoutprobleme wie überlappende Texte oder Inhaltsverluste. (Firefox Bug 2018797).
| Release-Kanal | Version hinzugefügt | 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.
@container style() Bereichssyntax-Abfragen
Die @container CSS At-Regel style() Abfragen unterstützen nun die Bereichssyntax. Dies erlaubt es Ihnen zu prüfen, ob ein Container eine gültige CSS-Benutzerdefinierte Eigenschaft hat und deren Wert mit Vergleichsoperatoren wie >, <, >= und <= zu vergleichen und entsprechend Stile auf seine Kinder anzuwenden. (Firefox Bug 2024601).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 151 | Nein |
| Developer Edition | 151 | Nein |
| Beta | 151 | Nein |
| Release | 151 | Nein |
layout.css.attr.enabled-
Auf
truesetzen, um zu aktivieren.
field-sizing Eigenschaft
Die field-sizing CSS-Eigenschaft ermöglicht es Ihnen, das Größenverhalten von Formularelementen zu steuern. Diese Eigenschaft hat zwei Werte: content erlaubt es Elementen, sich an den Inhalt anzupassen, während fixed eine feste Größe auf Elementen setzt. (Firefox Bug 1977176).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 151 | Ja |
| Developer Edition | 151 | Nein |
| Beta | 151 | Nein |
| Release | 151 | Nein |
layout.css.field-sizing.enabled-
Auf
truesetzen, um zu aktivieren.
Behebung für verschachtelte scrollbare Bereiche
Diese Implementierung wurde hinzugefügt, um ein Problem zu beheben, bei dem scrollbarer Inhalt unerreichbar war. Wenn ein Scrollbalken auf display: none; oder width: 0; gesetzt ist, werden die Scrollbalken von verschachtelten scrollbaren Bereichen übereinander gestapelt, was bedeutet, dass ein Teil des Inhalts möglicherweise unerreichbar ist. Dies bedeutet jedoch, dass der @supports selector(::-webkit-scrollbar)-Test true zurückgibt, obwohl das ::-webkit-scrollbar Pseudo-Element nicht wirklich unterstützt wird. (Firefox Bug 1977511).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 151 | Ja |
| Developer Edition | 151 | Nein |
| Beta | 151 | Nein |
| Release | 151 | Nein |
layout.css.fake-webkit-scrollbar.enabled-
Auf
truesetzen, um zu aktivieren.
<timeline-range-name> Werte
Die animation-range-start, animation-range-end CSS-Eigenschaften und die animation-range Kurzschreibweise unterstützen nun <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es Ihnen, genau festzulegen, welchen Segment eine rollgesteuerte Animation einnehmen wird. (Firefox Bug 1804775).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 151 | Ja |
| Developer Edition | 151 | Nein |
| Beta | 151 | Nein |
| Release | 151 | Nein |
layout.css.scroll-driven-animations.enabled-
Auf
truesetzen, um zu aktivieren.
SVG
Keine experimentellen Funktionen in diesem Release-Zyklus.
MathML
>href auf nicht-<a> MathML-Elementen deaktivieren
Wenn aktiviert, erstellt das href Globale Attribut auf MathML-Elementen außer <a> keinen Hyperlink mehr und stimmt Firefox mit der MathML Core Spezifikation überein, die nur Hyperlinks auf dem <a> Element definiert. (Firefox Bug 2026848).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 151 | Ja |
| Developer Edition | 151 | Nein |
| Beta | 151 | Nein |
| Release | 151 | Nein |
mathml.href_link_on_non_anchor_element.disabled-
Auf
truesetzen, um zu aktivieren.
JavaScript
>Mehrere Import-Maps
Unterstützung für mehrere Import-Maps. Diese geben Entwicklern mehr Flexibilität bei der Strukturierung und dem Laden von JavaScript-Modulen, da sie nicht mehr alle Modulzuordnungen im Voraus kennen und in einer einzigen Import-Map laden müssen. (Firefox Bug 1916277).
| Release-Kanal | Version hinzugefügt | 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
>Documentspezifische benutzerdefinierte Elementregister
Unterstützung für scoped custom element registries wird implementiert.
Scoped-Registrierungen ermöglichen einem Schattenbaum das Erstellen eines unabhängigen CustomElementRegistry, dessen Definitionen nur für diesen bestimmten 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).
| Release-Kanal | Version hinzugefügt | 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
Die Implementierungsarbeiten am CSS Typed OM Level 1 haben begonnen.
Beispielsweise wird die Methode to() der CSSNumericValue Schnittstelle unterstützt, um einen CSS-Numerikwert von einer Einheit in eine andere umzuwandeln.
(Firefox Bug 1278697).
| Release-Kanal | Version hinzugefügt | 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.
Grafik: Canvas, WebGL und WebGPU
WebGL: Entwurfs-Erweiterungen
Wenn diese Einstellung aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im "Entwurfs"-Status befinden und getestet werden, zur Verwendung freigegeben. Derzeit gibt es keine WebGL-Erweiterungen, die von Firefox getestet werden.
WebGPU API
Die WebGPU API bietet Low-Level-Unterstützung für die Durchführung von Berechnungen und Grafikdarstellungen mithilfe der Graphics Processing Unit (GPU) des Benutzergeräts oder Computers. Ab Version 142 ist dies unter Windows in allen Kontexten außer Dienstmitarbeitern aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon in allen Browsing-Kontexten außer Dienstmitarbeitern 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.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 141 | Ja |
| Developer Edition | 141 | Nein (Ja unter Windows und macOS auf Apple Silicon, nicht einschließlich Dienstmitarbeiter) |
| Beta | 141 | Nein (Ja unter Windows und macOS auf Apple Silicon, nicht einschließlich Dienstmitarbeiter) |
| Release | 141 | Nein (Ja unter Windows und macOS auf Apple Silicon, nicht einschließlich Dienstmitarbeiter) |
dom.webgpu.enabled-
Auf
truesetzen, um zu aktivieren (in Nightly und unter 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 diejenigen, 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 gefunden wurden.
Überprüfung der Browserunterstützung für das Kodieren/Dekodieren von WebRTC-Medien
Der webrtc-Typ kann nun als Option für MediaCapabilities.decodingInfo() und MediaCapabilities.encodingInfo() übergeben werden.
Dies ermöglicht es Entwicklern zu überprüfen, wie gut ein Benutzeragent eine bestimmte Konfiguration für WebRTC dekodieren oder kodieren kann.
Die Unterstützung für den nicht standardmäßigen transmission Typ, der als Alias für webrtc verwendet wurde, wurde entfernt.
(Firefox Bug 1825286).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Nein |
| Developer Edition | 152 | Nein |
| Beta | 152 | Nein |
| Release | 152 | Nein |
media.mediacapabilities.webrtc.enabled-
Auf
truesetzen, um zu aktivieren.
Eigenschaften des HTMLMediaElements: audioTracks und videoTracks
Wenn aktiviert, fügen diese Funktion die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks zu allen HTML-Medienelementen 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, daher sind sie standardmäßig deaktiviert. Siehe Firefox Bug 1057233 für weitere Details.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 33 | Nein |
| Developer Edition | 33 | Nein |
| Beta | 33 | Nein |
| Release | 33 | Nein |
media.track.enabled-
Auf
truesetzen, um zu aktivieren.
Asynchrone SourceBuffer-Zugabe und -Entfernung
Dies fügt die versprechensbasierten 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.
| Release-Kanal | Version hinzugefügt | 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-Konformitätsstrenge
Die Einstellung image.avif.compliance_strictness 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 wiedergegeben werden, auch wenn sie nicht streng compliant sind.
| Release-Kanal | Version hinzugefügt | Standardwert |
|---|---|---|
| Nightly | 92 | 1 |
| Developer Edition | 92 | 1 |
| Beta | 92 | 1 |
| Release | 92 | 1 |
image.avif.compliance_strictness-
Numerischer Wert, der einen Strengegrad angibt. Zulässige Werte sind:
0: Tolerant. Akzeptiere Bilder mit Spezifikationsverstößen in Empfehlungen ("sollte" Sprache) und Anforderungen ("muss" Sprache), sofern sie sicher oder eindeutig interpretiert werden können.1(Standard): Gemischt. Verstößt gegen Anforderungen ("muss"), erlaubt aber Verstöße gegen Empfehlungen ("sollte").2: Strikt. Lehnt Verstöße gegen spezifizierte 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 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).
| Release-Kanal | Version hinzugefügt | 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 in allen Builds standardmäßig deaktiviert Firefox Bug 1750902.
| Release-Kanal | Version gelöscht | 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() kartieren 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.)
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 31 | Nein |
| Developer Edition | 31 | Nein |
| Beta | 31 | Nein |
| Release | 31 | Nein |
layout.css.convertFromNode.enabled-
Auf
truesetzen, um zu aktivieren.
GeometryUtils Methode: getBoxQuads()
Die GeometryUtils Methode getBoxQuads() gibt die CSS-Boxen für einen Node relativ zu jedem anderen Knoten oder Viewport zurück. (Siehe Firefox Bug 917755 für weitere Details.)
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 31 | Nein |
| 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 Abwicklung von webbasierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während der Benutzeroberflächentests auftrat, haben wir beschlossen, die Bereitstellung dieser API auszusetzen, während Diskussionen über potenzielle Änderungen an der API erfolgen. Die Arbeiten dauern an. (Siehe Firefox Bug 1318984 für weitere Details.)
| Release-Kanal | Version hinzugefügt | 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 Liste erlaubter Regionen (z.B.
US,CA).
WebShare API
Die Web Share API erlaubt das Teilen von Dateien, URLs und anderen Daten von einer Website. Diese Funktion ist auf Android in allen Builds aktiviert, aber hinter einer Einstellung in Desktop (wenn nicht anders angegeben).
| Release-Kanal | Version geändert | 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 standardmäßig auf Windows-Systemen und im Nightly-Release auf true gesetzt (Firefox Bug 1794475).
| Release-Kanal | Version geändert | 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
>Kennzeichnung unsicherer Seiten
Die beiden security.insecure_connection_text_* Einstellungen fügen ein "Nicht sicher"-Textlabel in die Adressleiste neben das traditionelle Schloss-Symbol hinzu, wenn eine Seite unsicher geladen wird (das heißt, mit HTTP statt HTTPS). Die Einstellung browser.urlbar.trimHttps entfernt das https: Präfix von Adressleisten-URLs. Siehe Firefox Bug 1853418 für weitere Details.
| Release-Kanal | Version hinzugefügt | 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 Browsermodus zu aktivieren. security.insecure_connection_text.pbmode.enabled-
Auf
truesetzen, um das Textlabel für den privaten Browsermodus zu aktivieren. browser.urlbar.trimHttps-
Auf
truesetzen, um dashttps:Präfix aus Adressleisten-URLs zu entfernen.
Einschränkung von Inhalten für Erwachsene mit <meta name="rating">
Das nicht standardisierte <meta name="rating"> Element kann auf einer Webseite hinzugefügt werden, um deren Inhalt 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 die gleiche Wirkung haben (weitere Optionen können in Zukunft hinzugefügt werden).
Die folgenden <meta>-Elemente sind äquivalent:
<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 vom Ansehen des Inhalts abzuhalten. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt, der auf about:restricted gefunden wird, was dem Benutzer erklärt, dass er versucht, eingeschränkten Inhalt anzuzeigen, erläutert, warum er ihn nicht anzeigen kann, und ihm eine Zurück-Schaltfläche gibt, um dahin zurückzukehren, wo er herkam.
Siehe Firefox Bug 1991135 für weitere Details.
| Release-Kanal | Version hinzugefügt | 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 erwachsen 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 erwachsen identifizieren, indem sie ein<meta name="rating">Element nur dann enthalten, wenn geeignete Kinderschutzmaßnahmen im zugrunde liegenden Betriebssystem eingestellt sind (z.B. sind die macOS Inhalte & Privatsphäre Einstellungen so eingestellt, dass explizite Webinhalte eingeschränkt sind).
Berechtigungsrichtlinie / Funktionsrichtlinie
Berechtigungsrichtlinie ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren oder deren Verhalten zu ändern. Sie ähnelt der CSP, steuert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies wird in Firefox als Funktionsrichtlinie 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 eingestellt werden können, auch wenn die Benutzereinstellung nicht gesetzt ist.
| Release-Kanal | Version hinzugefügt | 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.
Datenschutzwahrung Prinzipien-API (PPA)
PPA API bietet eine Alternative zur Benutzerverfolgung für die Anzeigeattribution mit dem neuen navigator.privateAttribution Objekt mit saveImpression() und measureConversion() Methoden. Lesen Sie mehr über PPA in der ursprünglichen Erläuterung und die vorgeschlagene Spezifikation. Dieses Experiment kann für Websites über Ursprungstest oder im Browser aktiviert werden, indem die Präferenz auf 1 gesetzt wird. (Firefox Bug 1900929).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 128 | Nein |
| Developer Edition | 128 | Nein |
| Beta | 128 | Nein |
| Release | 128 | Nein |
dom.origin-trials.private-attribution.state-
Auf
truesetzen, um zu aktivieren.
HTTP
>Integritätsrichtlinie für Stylesheet-Ressourcen
Die Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden nun für Stilressourcen unterstützt. Diese ermöglichen es Websites, entweder Teilintegritätsgarantien für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden.
Beachten Sie, dass Firefox Meldeendpunkte ignoriert und Meldungen an die Entwicklerkonsole protokolliert.
Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Stilen, die in einem <link>-Element mit rel="stylesheet" referenziert werden, die entweder das integrity Attribut fehlen oder einen Integritätshash haben, der nicht mit der Ressource auf dem Server übereinstimmt.
(Firefox Bug 1976656).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 142 | Nein |
| Developer Edition | 142 | Nein |
| Beta | 142 | Nein |
| Release | 142 | Nein |
security.integrity_policy.stylesheet.enabled-
Auf
truesetzen, um zu aktivieren.
Idempotency-Key
Der Idempotency-Key HTTP-Request-Header kann vom Clientcode der Website verwendet werden, um eine POST oder PATCH Anfragen idempotent zu machen, wenn sie mit einem Server verwendet werden, der sie unterstützt.
Die Spezifikation gibt an, dass der Server dokumentieren und anzeigen sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels sowie erwartete Fehlerantworten.
Firefox fügt automatisch den Header mit einem eindeutigen Schlüssel für jede neue POST Anfrage hinzu, wenn er nicht bereits vom Seitencode hinzugefügt wurde.
Dadurch wird der erforderliche Client-seitige Code vereinfacht, um mit Servern zu arbeiten, die die Funktion unterstützen.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 135 | Nein |
| Developer Edition | 135 | Nein |
| Beta | 135 | Nein |
| Release | 135 | Nein |
network.http.idempotencyKey.enabled-
Auf
truesetzen, um zu aktivieren.
Accept Header mit MIME-Typ image/jxl
Der HTTP Accept Header in Standardanfragen und Bildanfragen kann über eine Präferenz so konfiguriert werden, dass er die Unterstützung für den image/jxl MIME-Typ anzeigt.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 128 | Nein |
| Developer Edition | 128 | Nein |
| Beta | 128 | Nein |
| Release | 128 | Nein |
image.jxl.enabled-
Auf
truesetzen, um zu aktivieren.
SameSite=Lax als Standard
SameSite-Cookies haben einen Standardwert von Lax.
Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungswebsite navigiert, nicht für Subrequests über Seiten hinweg, um Bilder oder Frames auf einer Drittanbieter-Website zu laden und so weiter.
Für weitere Details siehe Firefox Bug 1617609.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 69 | Nein |
| Developer Edition | 69 | Nein |
| Beta | 69 | Nein |
| Release | 69 | Nein |
-
Auf
truesetzen, um zu aktivieren.
Access-Control-Allow-Headers Platzhalter deckt nicht die Autorisierung ab
Der Access-Control-Allow-Headers ist ein Antwort-Header auf eine CORS-Preflight-Anfrage, der angibt, welche Anforderungs-Header in der endgültigen Anfrage enthalten sein dürfen.
Die Antwortanweisung kann einen Platzhalter (*) enthalten, der angibt, dass die endgültige Anfrage alle Header außer dem Authorization Header enthalten darf.
Standardmäßig schließt Firefox den Authorization Header in die endgültige Anfrage ein, nachdem eine Antwort mit Access-Control-Allow-Headers: * empfangen wurde.
Setzen Sie die Präferenz auf false, um sicherzustellen, dass Firefox den Authorization Header nicht einbezieht.
Für weitere Details siehe Firefox Bug 1687364.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 115 | Ja |
| Developer Edition | 115 | Ja |
| Beta | 115 | Ja |
| Release | 115 | Ja |
-
Auf
truesetzen, um zu aktivieren.
Entwicklerwerkzeuge
Die Entwicklerwerkzeuge von Mozilla entwickeln sich ständig weiter. Wir experimentieren mit neuen Ideen, fügen neue Funktionen hinzu und testen sie auf den Nightly- und Developer Edition-Kanälen, bevor wir sie für Beta und Release freigeben. Die unten aufgeführten Funktionen sind die aktuelle Auswahl an experimentellen Funktionen der Entwicklerwerkzeuge.
Keine experimentellen Funktionen in diesem Release-Zyklus.