Experimentelle Funktionen in Firefox
Diese Seite listet die experimentellen und teilweise implementierten Funktionen von Firefox auf, einschließlich sich entwickelnder oder vorgeschlagener Standards der Webplattform. Jeder Eintrag unten 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 Voreinstellung, 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 in Nightly, wo sie oft standardmäßig für frühes Feedback und Tests aktiviert sind. Wenn keine größeren Probleme gefunden werden, werden sie in Beta und Developer Edition Vorab-Builds eingeschlossen. Schließlich werden genehmigte Funktionen im stabilen Release Kanal ausgeliefert. Wenn eine Funktion in einem Release standardmäßig aktiviert ist, gilt sie nicht mehr als experimentell 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 Voreinstellung und ändern Sie deren Wert, der normalerweise ein Umschalten zwischen true und false ist. Abhängig von der Funktion müssen Sie möglicherweise den Browser neu starten, damit die Änderung wirksam wird. Weitere Informationen zum Verwalten von Einstellungen in Firefox finden Sie im Firefox Configuration Editor Support-Artikel.
HTML
>Layout für Eingabetyp="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 nachzuahmen. (Siehe Firefox Bug 558594 für weitere Details.)
| Release-Kanal | 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.
Passwortanzeige umschalten
HTML-Passworteingabeelemente (<input type="password">) enthalten ein „Auge“-Symbol, das umgeschaltet werden kann, um das Passwort anzuzeigen oder zu verbergen (Firefox Bug 502258).
| Release-Kanal | Hinzugefügte Version | 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-Elemente <input type="datetime-local"> und <input type="time"> unterstützen einen Zeitwähler. (Firefox Bug 1726108).
| Release-Kanal | 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-Element <input type="color"> unterstützt die Attribute alpha & colorspace. (Firefox Bug 1919718).
| Release-Kanal | 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, um streunende Steuerzeichen anzuzeigen
Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc), außer Tabulator (U+0009), Zeilenumbruch (U+000A), Form Feed (U+000C) und Wagenrücklauf (U+000D) als Hex-Box, wenn sie nicht erwartet werden. (Siehe Firefox Bug 1099557 für weitere Details.)
| Release-Kanal | 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 erlaubt Ihnen zu spezifizieren, wie eingebettete, erhöhte und abgesunkene Initialbuchstaben angezeigt werden. (Siehe Firefox Bug 1223880 für weitere Details.)
| Release-Kanal | 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 auf width und andere Größenangaben angewendet wird. Diese Funktion wird bereits gut für die CSS-Grid-Layout-Spurengrößen unterstützt. (Siehe Firefox Bug 1312588 für weitere Details.)
| Release-Kanal | 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.
Scroll-basierte Animationen
Zuvor als "scroll-verknüpfte Animationen" bezeichnet, hängt eine scroll-basierte Animation von der Scrollposition einer Scrollleiste ab, anstatt von Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschreibweise) erlauben es Ihnen, dass eine bestimmte Scrollleiste in einem bestimmten benannten Container als Quelle für eine scroll-basierte Animation genutzt werden kann. Die Scroll-Timeline kann dann mit einer Animation durch das Setzen der animation-timeline Eigenschaft auf den mit scroll-timeline-name definierten Namen verknüpft werden.
Bei der Verwendung der scroll-timeline Kurzschreibweise muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Lang- und Kurzschreibweisen sind beide hinter der Voreinstellung verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzuzeigen, dass eine Scrollleistenachse in einem übergeordneten Element für die Timeline 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 | 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 Medienmerkmal
Das CSS-prefers-reduced-transparency Medienmerkmal ermöglicht Ihnen zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, die Menge an transparenten oder durchscheinenden Schichteffekten auf seinem Gerät zu minimieren. Siehe (Firefox Bug 1736914) für weitere Details.
| Release-Kanal | 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 Medienmerkmal
Das CSS-inverted-colors Medienmerkmal ermöglicht es Ihnen zu erkennen, ob ein Benutzeragent oder das zugrundeliegende Betriebssystem Farben invertiert. Siehe (Firefox Bug 1794628) für weitere Details.
| Release-Kanal | 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.
Named view progress timelines Eigenschaft
Die CSS-view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmtem Element einen Namen zu geben, der angibt, dass sein übergeordnetes Scrollelement die Quelle einer View Progress Timeline 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 übergeordneten Scrollers bewegt. Siehe (Firefox Bug 1737920) für weitere Details.
| Release-Kanal | Hinzugefügte Version | 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 View Progress Timelines Funktion
Die CSS-view() Funktion ermöglicht es Ihnen, anzugeben, dass die animation-timeline für ein Element eine View Progress Timeline ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Die Funktion definiert die Achse des Elternelements, die die Timeline bereitstellt, zusammen mit dem Einsatz innerhalb des sichtbaren Bereichs, an dem die Animation beginnt. Siehe (Firefox Bug 1808410) für weitere Details.
| Release-Kanal | Hinzugefügte Version | 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.
Anbieterpräfixe für Transform-Eigenschaften
Die -moz--Präfixe für CSS-Transformationen können durch Setzen der Voreinstellung layout.css.prefixes.transforms auf false deaktiviert werden. Ziel ist es, diese zu deaktivieren, sobald die Standard-CSS-Zoom-Eigenschaften gut unterstützt sind. (Firefox Bug 1886134, Firefox Bug 1855763).
Insbesondere deaktiviert diese Voreinstellung die folgenden Präfix-Eigenschaften:
-moz-backface-visibility-moz-perspective-moz-perspective-origin-moz-transform-moz-transform-origin-moz-transform-style
| Release-Kanal | 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.
Symmetrisches letter-spacing
Die CSS-letter-spacing Eigenschaft teilt den angegebenen Zeichenabstand jetzt gleichmäßig auf beiden Seiten jedes Zeichens. Dies unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich auf eine Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand verbessern, insbesondere bei Text mit gemischten Richtungen. (Firefox Bug 1891446).
| Release-Kanal | 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.
Pseudo-Elemente nach durch Elemente unterstützten Pseudo-Elementen zulassen
Die Arbeit hat begonnen, Pseudo-Elemente wie ::first-letter und ::before an element-gestützte Pseudo-Elemente wie ::details-content und ::file-selector-button anzuhängen.
Dies erlaubt 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> von 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) analysiert werden. Das ::file-selector-button Pseudo-Element ist noch nicht als element-basiertes Pseudo-Element markiert, daher gibt es keine Möglichkeit, dies zu testen. (Firefox Bug 1953557, Firefox Bug 1941406).
| Release-Kanal | 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 gestalten, anstatt sie einzeln anzugeben. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu gestalten, die einer durch Kommata getrennten Liste von Ganzzahlen entsprechen, die die Überschriftenebenen darstellen. (Firefox Bug 1974386 & Firefox Bug 1984310).
| Release-Kanal | 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.
@custom-media At-Regel
Die @custom-media CSS-At-Regel definiert Aliase für lange oder komplexe Medienabfragen. Anstatt die gleiche hartkodierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert werden und bei Bedarf im gesamten Stylesheet referenziert werden. (Firefox Bug 1744292).
| Release-Kanal | 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 der attr() CSS-Funktion
Die attr() CSS-Funktion unterstützt jetzt <attr-type> Werte. Dies ermöglicht Ihnen, anzugeben, wie ein Attributwert in einen CSS-Wert geparst wird und diese Werte direkt von data-* zu übernehmen. (Firefox Bug 1986631, Firefox Bug 1998245)
| Release-Kanal | Hinzugefügte Version | 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.
base-select Wert für die appearance CSS-Eigenschaft
Der base-select Wert für die appearance CSS-Eigenschaft, der nur für das <select> Element und das ::picker(select) Pseudo-Element relevant ist, ermöglicht es Ihnen, diese vollständig zu gestalten. Derzeit wird nur die Gestaltung des <select> Elements unterstützt. Die Gestaltung des ::picker(select) Pseudo-Elements wird in zukünftigen Versionen hinzugefügt. Diese Funktion ist Teil der Customizable Select elements Arbeit. Zwei Voreinstellungen müssen aktiviert werden, um sie zu verwenden. (Firefox Bug 1974787).
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 149 | Nein |
| Developer Edition | 149 | Nein |
| Beta | 149 | Nein |
| Release | 149 | Nein |
dom.select.customizable_select.enabled-
Auf
truesetzen, um zu aktivieren. layout.css.appearance-base.enabled-
Auf
truesetzen, um zu aktivieren.
Namensraumattribute in der attr() CSS-Funktion
Die attr() CSS-Funktion akzeptiert nun namensraumgebundene Attribute. Dies ermöglicht es Ihnen, Attribute von Elementen XML-basierter Sprachen wie SVG zu übernehmen und entsprechend zu gestalten. (Firefox Bug 2014060.
| Release-Kanal | 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.
Absolut positionierte Elemente in Mehrspalten-Containern und im Druck
Absolut positionierte Elemente innerhalb von Mehrspalten-Containern und beim Druck werden nun korrekt positioniert und fragmentiert. Dies verbessert die Interoperabilität mit anderen Browsern und vermeidet Layout-Probleme wie überlappenden Text oder Inhaltsverlust. (Firefox Bug 2018797).
| Release-Kanal | 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.
@container style() Bereichssyntax-Abfragen
Die @container CSS-At-Regel style() Abfragen unterstützen nun die Bereichssyntax. Dies ermöglicht es Ihnen, zu überprüfen, ob ein Container eine gültige benutzerdefinierte CSS-Eigenschaft hat und ihren Wert mit Vergleichsoperatoren wie >, <, >= und <= zu vergleichen und entsprechend Stile auf seine Kinder anzuwenden. (Firefox Bug 2024601).
| Release-Kanal | Hinzugefügte Version | 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.
Fix für verschachtelte scrollbarere Bereiche
Diese Implementierung wurde hinzugefügt, um ein Problem zu beheben, bei dem scrollbarerer Inhalt nicht erreichbar war. Wenn eine Scrollbar auf display: none; oder width: 0; gesetzt ist, würden die Scrollbars verschachtelter scrollbarerer Bereiche übereinander gestapelt, was bedeutet, dass einige Inhalte möglicherweise nicht erreichbar sind. Dies bedeutet jedoch, dass die @supports selector(::-webkit-scrollbar) Prüfung true zurückgibt, selbst wenn das ::-webkit-scrollbar Pseudo-Element nicht wirklich unterstützt wird. (Firefox Bug 1977511).
| Release-Kanal | Hinzugefügte Version | 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 anzugeben, innerhalb welches Segments eine scroll-gesteuerte Animation stattfinden wird. (Firefox Bug 1804775).
| Release-Kanal | Hinzugefügte Version | 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.
<timeline-range-name> Werte in @keyframes Selektoren
Die @keyframes At-Regel unterstützt nun <timeline-range-name> Werte. Diese Werte ermöglichen es Ihnen, das Segment anzugeben, innerhalb dessen eine scroll-gesteuerte Animation stattfindet. (Firefox Bug 1824875).
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Ja |
| Developer Edition | 152 | Nein |
| Beta | 152 | Nein |
| Release | 152 | Nein |
layout.css.scroll-driven-animations.enabled-
Auf
truesetzen, um zu aktivieren.
SVG
Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.
MathML
>href auf nicht-<a> MathML-Elementen deaktivieren
Wenn aktiviert, erzeugt das href globale Attribut keinen Hyperlink auf MathML-Elementen außer <a>, was Firefox mit der MathML Core-Spezifikation in Einklang bringt, die nur Hyperlinks auf dem <a> Element definiert. (Firefox Bug 2026848).
| Release-Kanal | Hinzugefügte Version | 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
>TC39 Iteratoren inkludiert Vorschlag
Die Methode Iterator.prototype.includes() prüft, ob eine Iterator Instanz einen bestimmten Wert erzeugen wird. Der Vergleich verwendet den SameValueZero Algorithmus. Dieser Algorithmus ähnelt der strikten Gleichheit === (wo -0 und +0 als gleich angesehen werden), unterscheidet sich jedoch darin, dass NaN als gleich sich selbst angesehen wird. (Firefox Bug 2025779).
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Nein |
| Developer Edition | 152 | Nein |
| Beta | 152 | Nein |
| Release | 152 | Nein |
javascript.options.experimental.iterator_includes-
Auf
truesetzen, um zu aktivieren.
TC39 Intl.Locale info Vorschlag
Der TC39 Intl.Locale Info Vorschlag wird nun unterstützt. Dies umfasst alle Instanzmethoden auf Intl.Locale, die mit "get" beginnen — Intl.Locale.prototype.getCalendars(), Intl.Locale.prototype.getCollations(), Intl.Locale.prototype.getHourCycles(), Intl.Locale.prototype.getNumberingSystems(), Intl.Locale.prototype.getTextInfo(), Intl.Locale.prototype.getTimeZones(), Intl.Locale.prototype.getWeekInfo(). (Firefox Bug 1693576).
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Nein |
| Developer Edition | — | — |
| Beta | — | — |
| Release | — | — |
javascript.options.experimental.intl_locale_info-
Auf
truesetzen, um in Nightly zu aktivieren.
Textmodul-Import
Die with Klausel { type: "text" } ermöglicht es, den Quellcode eines Moduls als Zeichenfolgenwert zu importieren. Der Medientyp der Antwort wird ignoriert und der Inhalt wird als Text geparst, selbst wenn der Quellcode Skripte oder anderen ausführbaren Code enthält. (Firefox Bug 2024854).
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Nein |
| Developer Edition | 152 | Nein |
| Beta | 152 | Nein |
| Release | 152 | Nein |
javascript.options.experimental.import_text-
Auf
truesetzen, um zu aktivieren.
Mehrere Import-Karten
Unterstützung für mehrere Import-Karten. Diese geben den Entwicklern mehr Flexibilität beim Strukturieren und Laden von JavaScript-Modulen, da sie ihre Modulabbildungen nicht mehr im Voraus wissen und in einer einzigen Import-Karte deklarieren müssen, die alle Module lädt. (Firefox Bug 1916277).
| Release-Kanal | 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
>Absturzbericht
Absturzberichte können nun über die Reporting API an den default Endpunkt gesendet werden. Beachten Sie, dass Firefox es nicht unterstützt, CrashReportContext im Berichtskörper bereitzustellen. (Firefox Bug 2036160).
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Ja |
| Developer Edition | 152 | Nein |
| Beta | 152 | Nein |
| Release | 152 | Nein |
dom.reporting.crash.enabled-
Auf
truesetzen, um zu aktivieren (standardmäßig in Nightly aktiviert).
Bereichsbezogene benutzerdefinierte Elemente-Register
Die Unterstützung für bereichsbezogene benutzerdefinierte Elemente-Register wird implementiert. Bereichsbezogene Register erlauben einem Schattenbaum, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen spezifischen DOM-Unterbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Webkomponenten Elemente mit demselben Namen deklarieren.
Die Implementierung beinhaltet:
- Die
customElementRegistryEigenschaft aufDocument,ElementundShadowRoot. (Firefox Bug 2018900).
| Release-Kanal | 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
Die Implementierungsarbeit hat am CSS Typed OM Level 1 begonnen. Zum Beispiel wird die to() Methode der CSSNumericValue Schnittstelle unterstützt, um einen CSS-numerischen Wert von einer Einheit in eine andere zu konvertieren. (Firefox Bug 1278697).
| Release-Kanal | 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.
Grafik: Canvas, WebGL und WebGPU
WebGL: Entwurfserweiterungen
Wenn diese Voreinstellung aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im „Entwurfs“-Status befinden und getestet werden, zur Verwendung aktiviert. Derzeit gibt es keine WebGL-Erweiterungen, die von Firefox getestet werden.
WebGPU API
Die WebGPU API bietet Unterstützung auf niedriger Ebene für die Durchführung von Berechnungen und Grafik-Renderings mit der Graphics Processing Unit (GPU) des Geräts oder des Computers des Benutzers. Ab Version 142 ist dies unter 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. Siehe Firefox Bug 1602129 für unseren Fortschritt auf dieser API.
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 141 | Ja |
| Developer Edition | 141 | Nein (Ja auf Windows und macOS auf Apple Silicon, nicht einschließlich Service-Workern) |
| Beta | 141 | Nein (Ja auf Windows und macOS auf Apple Silicon, nicht einschließlich Service-Workern) |
| Release | 141 | Nein (Ja auf Windows und macOS auf Apple Silicon, nicht einschließlich Service-Workern) |
dom.webgpu.enabled-
Auf
truesetzen, um zu aktivieren (in Nightly und auf Windows in allen Releases 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 zu finden sind.
HTMLMediaElement Eigenschaften: audioTracks und videoTracks
Die Aktivierung dieser Funktion fügt alle HTML-Medienelemente die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften hinzu. Da Firefox jedoch derzeit keine mehreren Audio- und Videospuren unterstützt, 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 | 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.
Asynchrone SourceBuffer hinzufügen und entfernen
Dies fügt die Promise-basierten Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Mediensource-Puffern zur SourceBuffer Schnittstelle hinzu. Siehe Firefox Bug 1280613 und Firefox Bug 778617 für weitere Informationen.
| Release-Kanal | 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-Compliance-Strenge
Die Voreinstellung image.avif.compliance_strictness kann verwendet werden, um die Strenge zu steuern, die bei der Verarbeitung von AVIF Bildern angewendet wird. Dies ermöglicht es Firefox-Nutzern, Bilder anzuzeigen, die in einigen anderen Browsern gerendert werden, auch wenn sie nicht strikt konform sind.
| Release-Kanal | Hinzugefügte Version | Standardwert |
|---|---|---|
| Nightly | 92 | 1 |
| Developer Edition | 92 | 1 |
| Beta | 92 | 1 |
| Release | 92 | 1 |
image.avif.compliance_strictness-
Numerischer Wert, der eine Strenge Ebene anzeigt. Erlaubte Werte sind:
0: Permissiv. Akzeptiere Bilder mit Verletzungen der Spezifikation in beiden Empfehlungen ("sollte" Sprache) und Anforderungen ("soll" Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.1(Standardwert): Gemischt. Lehnt Verletzungen von Anforderungen ("soll") ab, erlaubt aber Verletzungen von Empfehlungen ("sollte").2: Strikt. Lehnt jegliche Verletzungen der festgelegten Anforderungen oder Empfehlungen ab.
Unterstützung für JPEG XL
Firefox unterstützt das JPEG XL Bildformat, einen modernen Nachfolger von JPEG, der verbesserte Kompression und Bildqualität sowie neue Funktionen wie Transparenz, Animation und HDR-Unterstützung bietet. Siehe Firefox Bug 1539075 und Firefox Bug 2016688 für weitere Details.
In Firefox 149 wurde der vorherige C++ JPEG XL Bilddekoder durch eine neue, auf Rust basierende Implementierung ersetzt, die die jxl-rs Bibliothek nutzt (Firefox Bug 1986393).
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 90 | Ja |
| Developer Edition | 152 | Nein |
| Beta | 152 | Nein |
| Release | 152 | Nein |
image.jxl.enabled-
Auf
truesetzen, um zu aktivieren.
WebVR API (Deaktiviert)
Die veraltete WebVR API befindet sich auf dem Weg zur Entfernung. Sie ist standardmäßig in allen Builds deaktiviert Firefox Bug 1750902.
| Release-Kanal | 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() mappen den gegebenen Punkt, das Rechteck oder das Vierfach von dem Node, auf dem sie aufgerufen werden, zu einem anderen Knoten. (Siehe Firefox Bug 918189 für weitere Details.)
| Release-Kanal | Hinzugefügte Version | 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 einem anderen Knoten oder Ansichtsfenster zurück. (Siehe Firefox Bug 917755 für weitere Details.)
| Release-Kanal | Hinzugefügte Version | 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 webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der beim Testen der Benutzeroberfläche auftrat, haben wir beschlossen, die Veröffentlichung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API durchgeführt werden. Die Arbeit ist im Gange. (Siehe Firefox Bug 1318984 für weitere Details.)
| Release-Kanal | 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 durch Kommata getrennte Whitelist 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. Diese Funktion ist auf Android in allen Builds aktiviert, jedoch auf dem Desktop hinter einer Voreinstellung (sofern unten nicht anders angegeben).
| Release-Kanal | Geänderte Version | 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 in der Nightly-Version auf true gesetzt (Firefox Bug 1794475).
| Release-Kanal | Geänderte Version | 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 Seitenbeschriftung
Die beiden Voreinstellungen security.insecure_connection_text_* fügen ein "Nicht sicher" Textetikett in der Adressleiste neben dem traditionellen Schloss-Symbol hinzu, wenn eine Seite unsicher geladen wird (d.h. mit HTTP anstelle von HTTPS). Die Voreinstellung browser.urlbar.trimHttps trimmt das https: Präfix von Adressleisten-URLs. Siehe Firefox Bug 1853418 für weitere Details.
| Release-Kanal | 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 Textetikett für den normalen Browsing-Modus zu aktivieren. security.insecure_connection_text.pbmode.enabled-
Auf
truesetzen, um das Textetikett für den privaten Browsing-Modus zu aktivieren. browser.urlbar.trimHttps-
Auf
truesetzen, um dashttps:Präfix von Adressleisten-URLs zu trimmen.
Eingeschränkter Zugang zu Inhalten 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/erwachsen zu kennzeichnen. Zum Zeitpunkt der Abfassung 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 (weitere Optionen können in 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 daran zu hindern, den Inhalt anzuzeigen. Firefox' Implementierung ersetzt die Seite durch den Inhalt, der unter about:restricted gefunden wird, welcher dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzuzeigen, erklärt warum er sie nicht anzeigen kann, und gibt ihm eine Zurück-Schaltfläche, um zurückzukehren.
Siehe Firefox Bug 1991135 für weitere Details.
| Release-Kanal | 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 Zugang zu 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 Zugang zu Webseiten zu beschränken, die sich selbst als erwachsen identifizieren, indem sie ein<meta name="rating">Element nur dann enthalten, wenn geeignete Kindersicherungen auf dem zugrunde liegenden Betriebssystem gesetzt sind (z.B. sind die Content & Privacy Einstellungen von macOS so gesetzt, dass explizite Webinhalte eingeschränkt werden).
Berechtigungsrichtlinie / Feature-Policy
Berechtigungsrichtlinie ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und ihr Verhalten zu ändern. Es ist ähnlich wie CSP, steuert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies wird in Firefox als Feature Policy implementiert, der Name, der in einer früheren Version der Spezifikation verwendet wurde.
Beachten Sie, dass unterstützte Richtlinien über das allow Attribut auf <iframe> Elementen auch dann gesetzt werden können, wenn die Benutzervoreinstellung nicht gesetzt ist.
| Release-Kanal | 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.
Datenschutzwahrende Attribution-API (PPA)
PPA API bietet eine Alternative zum Benutzer-Tracking für die Anzeigengutschrift, indem das neue navigator.privateAttribution Objekt mit saveImpression() und measureConversion() Methoden verwendet wird. Lesen Sie mehr über PPA im ursprünglichen Erklärer und der vorgeschlagenen Spezifikation. Dieses Experiment kann für Websites über Origin Trial oder im Browser durch Setzen der Voreinstellung auf 1 aktiviert werden. (Firefox Bug 1900929).
| Release-Kanal | Hinzugefügte Version | 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 Garantie der Unterschriftenintegrität für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Reporting-Endpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Stilen, die in einem <link> Element mit rel="stylesheet" referenziert sind und entweder das integrity Attribut nicht haben oder deren Integritätshash nicht mit der Ressource auf dem Server übereinstimmt. (Firefox Bug 1976656).
| Release-Kanal | Hinzugefügte Version | 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-Anforderungsheader kann vom Website-Client-Code verwendet werden, um eine POST oder PATCH Anforderung idempotent zu machen, wenn er mit einem Server verwendet wird, der dies unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und ankündigen sollte, welche Endpunkte diesen Header benötigen, das Format des Schlüssels, und erwartete Fehlerantworten.
Firefox fügt automatisch den Header mit einem eindeutigen Schlüssel für jede neue POST-Anforderung hinzu, wenn er noch nicht vom clientseitigen Code der Seite hinzugefügt wurde. Dies vereinfacht den clientseitigen Code, der erforderlich ist, um mit Servern zu arbeiten, die das Feature unterstützen.
| Release-Kanal | Hinzugefügte Version | 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-Type image/jxl
Der HTTP Accept Header in Standardanforderungen und Bildanforderungen kann über eine Voreinstellung konfiguriert werden, um Unterstützung für den MIME-Typ image/jxl anzugeben.
| Release-Kanal | Hinzugefügte Version | 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 standardmäßig
SameSite Cookies haben einen Standardwert von Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht für cross-site Subrequests, um Bilder oder Frames in eine Drittanbieter-Seite zu laden und so weiter. Für weitere Details siehe Firefox Bug 1617609.
| Release-Kanal | Hinzugefügte Version | 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 Authorization ab
Der Access-Control-Allow-Headers ist ein Response-Header zu einer CORS Preflight-Anforderung, der angibt, welche Anforderungsheader in die endgültige Anforderung aufgenommen werden dürfen. Die Antwortanweisung kann einen Platzhalter (*) enthalten, der darauf hinweist, dass die endgültige Anforderung alle Header außer dem Authorization Header enthalten darf.
Standardmäßig fügt Firefox den Authorization Header in die endgültige Anforderung ein, nachdem eine Antwort mit Access-Control-Allow-Headers: * empfangen wurde. Setzen Sie die Voreinstellung auf false, um sicherzustellen, dass Firefox den Authorization Header nicht einfügt. Für weitere Details siehe Firefox Bug 1687364.
| Release-Kanal | Hinzugefügte Version | 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 diese auf den Nightly und Developer Edition Kanälen, bevor wir sie auf Beta und Release loslassen. Die unten stehenden Funktionen sind die aktuellen experimentellen Entwicklerwerkzeugfunktionen.
Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.