Experimentelle Funktionen in Firefox
Diese Seite listet experimentelle und teilweise implementierte Funktionen von Firefox auf, einschließlich sich entwickelnder oder vorgeschlagener Web-Plattformstandards. Jeder der folgenden Einträge enthält Informationen darüber, in welchen Builds eine Funktion enthalten ist (Nightly, Beta, Developer Edition oder Release), ob sie standardmäßig aktiviert ist oder nicht, und den Namen der Preference, die Sie nutzen 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 in der Regel zuerst im Nightly, wo sie oft standardmäßig für frühe Rückmeldungen und Tests aktiviert sind. Wenn keine größeren Probleme festgestellt werden, sind sie in den Vorab-Builds Beta und Developer Edition enthalten. Schließlich werden genehmigte Funktionen im stabilen Release Kanal veröffentlicht. Wenn eine Funktion in einem Release standardmäßig aktiviert ist, wird sie nicht mehr als experimentell betrachtet und von dieser Seite entfernt.
Um diese Funktionen zu aktivieren, geben Sie about:config in die Adressleiste von Firefox ein, suchen Sie die zugehörige Preference und ändern Sie deren Wert, was in der Regel ein Umschalten zwischen true und false ist. Je nach Funktion müssen Sie den Browser möglicherweise neu starten, damit die Änderung wirksam wird. Überprüfen Sie den Firefox Konfigurationseditor für weitere Informationen über das Verwalten von Einstellungen in Firefox.
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 darin zu tippen beginnt, um andere Browserimplementierungen nachzuahmen. (Siehe Firefox Bug 558594 für mehr 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 den Passworttext 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-Eingabeelemente <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-Eingabeelement <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-Felder zur Anzeige verirrter Steuerzeichen
Diese Funktion stellt Steuerzeichen (Unicode-Klasse Cc) mit Ausnahme von Tab (U+0009), Zeilenumbruch (U+000A), Formfeed (U+000C) und Zeilenrücklauf (U+000D) als Hex-Felder dar, wenn sie unerwartet sind. (Siehe Firefox Bug 1099557 für mehr 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 ermöglicht Ihnen anzugeben, wie Anfangsbuchstaben dargestellt werden. (Siehe Firefox Bug 1223880 für mehr 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 bei width und anderen Größenangaben anwendbar ist. Diese Funktion wird bereits gut für die CSS-Grid-Layout-Track-Größensetzung unterstützt. (Siehe Firefox Bug 1312588 für mehr 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-getriebene Animationen
Früher "scroll-linked Animations" genannt, hängt eine scroll-getriebene Animation von der Scrollposition eines Scrollbalkens statt von der Zeit oder einer anderen Dimension ab. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (sowie die scroll-timeline Kurzform-Eigenschaft) erlauben Ihnen festzulegen, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scroll-getriebene Animation verwendet werden kann. Die Scroll-Zeitachse kann dann einer Animation zugewiesen werden, indem die Eigenschaft animation-timeline auf den Namenwert gesetzt wird, der mit scroll-timeline-name definiert wird.
Bei der Verwendung der scroll-timeline Kurzform-Eigenschaft muss die Reihenfolge der Property-Werte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Langform- und die Kurzform-Eigenschaften sind beide hinter der Präferenz verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalken-Achse in einem übergeordneten Element für die Zeitachse verwendet wird.
Für weitere Informationen siehe Firefox Bug 1807685, Firefox Bug 1804573, Firefox Bug 1809005, Firefox Bug 1676791, Firefox Bug 1754897, Firefox Bug 1817303 und Firefox Bug 1737918.
Die timeline-scope, animation-range-start und animation-range-end Eigenschaften (und die animation-range Kurzform-Eigenschaft) 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 Media-Feature
Das CSS prefers-reduced-transparency Media-Feature lässt Sie erkennen, ob ein Benutzer die Einstellung aktiviert hat, die Menge an transparenten oder transluzenten Schichten auf ihrem Gerät zu minimieren. Siehe (Firefox Bug 1736914) für mehr 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 Media-Feature
Das CSS inverted-colors Media-Feature lässt Sie erkennen, ob ein Benutzeragent oder das zugrunde liegende Betriebssystem Farben invertiert. Siehe (Firefox Bug 1794628) für mehr 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 property
Die CSS view-timeline-name Eigenschaft erlaubt es Ihnen, einem bestimmten Element einen Namen zu geben, der angibt, dass sein übergeordnetes Scrolling-Element die Quelle einer View-Progress-Zeitachse ist. Der Name kann dann animation-timeline zugewiesen werden, was das zugehörige Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Siehe (Firefox Bug 1737920) für mehr 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.
Anonymous view progress timelines function
Die CSS view() Funktion lässt Sie angeben, dass die animation-timeline für ein Element eine View-Progress-Zeitachse ist, die das Element animieren wird, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Die Funktion definiert die Achse des übergeordneten Elements, die die Zeitachse liefert, sowie den Rand innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und endet. Siehe (Firefox Bug 1808410) für mehr 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.
Vendor-präfixierte Transform-Eigenschaften
Die mit -moz- präfixierten CSS-Transform Eigenschaften können deaktiviert werden, indem die layout.css.prefixes.transforms Präferenz auf false gesetzt wird. Die Absicht ist, diese zu deaktivieren, sobald die standardmäßigen CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox Bug 1886134, Firefox Bug 1855763).
Spezifisch wird diese Präferenz die folgenden präfixierten Eigenschaften deaktivieren:
-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.
Symmetrische letter-spacing
Die CSS letter-spacing Eigenschaft teilt nun den angegebenen Buchstabenabstand 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 den Textabstand, insbesondere bei gemischt-direktionalem Text, verbessern. (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.
Ermöglichen von Pseudo-Elementen nach element-gestützten Pseudo-Elementen
Es wurde mit der Arbeit begonnen, Pseudo-Elemente wie ::first-letter und ::before an element-gestützte Pseudo-Elemente wie ::details-content und ::file-selector-button anzuhängen.
Dies ermöglicht es Benutzern, zum Beispiel, den ersten Buchstaben des <details> Elements zu stylen, indem der CSS-Selektor ::details-content::first-letter verwendet wird, oder Inhalte vor einem <input> mit 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 mittels @supports(::details-content::first-letter) geparst werden. Das ::file-selector-button Pseudo-Element ist noch nicht als element-basiertes Pseudo-Element markiert, sodass es keinen Weg gibt, 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 |
Pseudo-Klassen :heading und :heading()
Die :heading Pseudo-Klasse ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln anzusprechen. Die funktionale Pseudo-Klasse :heading() ermöglicht es Ihnen, Überschriftselemente zu stylen, die einer durch Komma getrennten Liste von Ganzzahlen entsprechen, die die Überschriftsebenen entsprechen. (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 Media-Queries. Anstatt die gleiche hartkodierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert und im Stylesheet nach Bedarf 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 es 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, relevant nur für das <select> Element und das ::picker(select) Pseudo-Element, erlaubt es Ihnen, diese vollständig zu stylen. Derzeit wird nur das Styling des <select> Elements unterstützt. Das Styling des ::picker(select) Pseudo-Elements wird in zukünftigen Versionen hinzugefügt werden. Diese Funktion ist Teil der Customizable Select elements Arbeit. Zwei Präferenzen 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.
Namespaced Attribute in der attr() CSS-Funktion
Die attr() CSS-Funktion akzeptiert nun namespaced Attribute. Dies ermöglicht es Ihnen, Attribute von Elementen von XML-basierten Sprachen wie SVG zu übernehmen und entsprechend zu stylen. (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 Multi-Column-Containern und Drucken
Absolut positionierte Elemente innerhalb von Multi-Column-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).
| 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 Ihnen zu überprüfen, ob ein Container eine gültige CSS-Benutzerdefinierte Eigenschaft hat und ihren Wert mit Vergleichsoperatoren wie >, <, >= und <= zu vergleichen und die Stile ihrer Kinder entsprechend 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.
<timeline-range-name> Werte
Die animation-range-start, animation-range-end CSS Eigenschaften und die animation-range Short-Hand-Eigenschaft unterstützen jetzt <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es Ihnen, präzise anzugeben, in welchem Segment eine durch Scrollen 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 jetzt <timeline-range-name> Werte. Diese Werte ermöglichen es Ihnen, das Segment anzugeben, innerhalb dessen eine durch Scrollen 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.
Baumzählende CSS-Funktionen
Die Funktionen sibling-count() und sibling-index() werden jetzt unterstützt. Die Funktion sibling-count() gibt die Anzahl der Geschwistern sowie das Element selbst zurück. Die Funktion sibling-index() gibt die Indexnummer des Elements im Verhältnis zu seinen Geschwistern zurück, beginnend bei 1 und nicht 0. (Firefox Bug 2042063).
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 154 | Ja |
| Developer Edition | 153 | Nein |
| Beta | 153 | Nein |
| Release | 153 | Nein |
layout.css.tree-counting-functions.enabled-
Auf
truesetzen, um zu aktivieren.
SVG
Keine experimentellen Funktionen in diesem Release-Zyklus.
MathML
>Deaktivierung von href für nicht-<a> MathML-Elemente
Wenn aktiviert, erzeugt das globale Attribut href keinen Hyperlink mehr 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 Iterator includes 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 ist dem strengen Gleichheitsvergleich === ähnlich (wobei -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 schließt alle Instanzmethoden auf Intl.Locale mit ein, 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.
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, weil sie nicht mehr alle ihre Modulzuweisungen im Voraus kennen und sie in einer einzigen Import-Map definieren müssen. (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
>Crash Reporting
Absturzberichte können jetzt über die Reporting API an den default Endpunkt gesendet werden. Beachten Sie, dass Firefox das Bereitstellen von CrashReportContext im Berichtsinhalt nicht unterstützt. (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).
Scoped Custom Element Registries
Die Unterstützung für scoped custom element registries wird implementiert. Scoped Registries ermöglichen 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 umfasst:
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
Es wurde mit der Implementierung des CSS Typed OM Stufe 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.
Grafiken: Canvas, WebGL und WebGPU
WebGL: Entwurfserweiterungen
Wenn diese Präferenz aktiviert ist, werden alle WebGL-Erweiterungen im Status "Entwurf", die getestet werden, zur Verwendung aktiviert. Derzeit werden keine WebGL-Erweiterungen von Firefox getestet.
WebGPU API
Die WebGPU API bietet Low-Level-Unterstützung für die Durchführung von Berechnungen und Grafikrendereing unter Verwendung der Graphics Processing Unit (GPU) des Benutzergeräts oder -computers. Ab Version 142 ist dies unter Windows in allen Kontexte außer Service-Workern aktiviert. Ab Version 147 ist dies unter macOS auf Apple Silicon in allen Browserkontexten außer Service-Workern aktiviert. Für andere Plattformen wie Linux und macOS auf Intel ist es in Nightly aktiviert. Siehe Firefox Bug 1602129 für unseren Fortschritt bei dieser API.
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 141 | Ja |
| Developer Edition | 141 | Nein (Ja unter Windows und macOS auf Apple Silicon, keine Service-Worker) |
| Beta | 141 | Nein (Ja unter Windows und macOS auf Apple Silicon, keine Service-Worker) |
| Release | 141 | Nein (Ja unter Windows und macOS auf Apple Silicon, keine Service-Worker) |
dom.webgpu.enabled-
Auf
truesetzen, um zu aktivieren (in Nightly und unter 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 gefunden werden.
HTMLMediaElement Eigenschaften: audioTracks und videoTracks
Durch Aktivieren dieser Funktion werden die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks zu allen HTML-Medienelementen hinzugefügt. Da Firefox jedoch derzeit keine Unterstützung für mehrere Audio- und Videospuren hat, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht, sodass sie beide standardmäßig deaktiviert sind. Siehe Firefox Bug 1057233 für mehr 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-Additionen und -Entfernungen
Dies fügt die promisebasierten 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 | 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-Konformitätsstriktheit
Die image.avif.compliance_strictness Präferenz kann verwendet werden, um die Striktheit 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, 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 ein Striktheitsniveau angibt. Erlaubte Werte sind:
0: Permissiv. Akzeptiere Bilder mit Spezifikationsverletzungen sowohl in Empfehlungen ("sollte"-Sprache) als auch in Anforderungen ("muss"-Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.1(Standardwert): Gemischt. Lehne Verstöße gegen Anforderungen ("muss") ab, erlaubene jedoch Verstöße gegen Empfehlungen ("sollte").2: Strikt. Lehne jegliche Verstöße gegen spezifizierte Anforderungen oder Empfehlungen ab.
JPEG XL Unterstützung
Firefox unterstützt das JPEG XL Bildformat, ein moderner Nachfolger von JPEG, der eine 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 Bilddecoder durch eine neue, Rust-basierte Implementierung ersetzt, die die jxl-rs Bibliothek verwendet (Firefox Bug 1986393).
| Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 153 | 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 auf allen Builds deaktiviert Firefox Bug 1750902.
| Release-Kanal | Version entfernt | 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 Viereck von dem Node, auf dem sie aufgerufen wurden, zu einem anderen Knoten. (Siehe Firefox Bug 918189 für mehr 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 dem Ansichtsfenster zurück. (Siehe Firefox Bug 917755 für mehr 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äres Zahlungs-Handling
Die Payment Request API stellt Unterstützung für die Abwicklung von webbasierten Zahlungen innerhalb von Webinhalten oder Apps bereit. Aufgrund eines Fehlers, der während des Testens der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, die Bereitstellung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeit ist im Gange. (Siehe Firefox Bug 1318984 für mehr 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 kommagetrennte 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, aber hinter einer Präferenz auf dem Desktop (sofern unten nicht 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 Eigenschaft requireInteraction standardmäßig auf true auf Windows-Systemen und in der Nightly-Version 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
>Kennzeichnung unsicherer Seiten
Die beiden security.insecure_connection_text_* Präferenzen fügen ein "Nicht sicher" Textlabel in die Adressleiste neben dem traditionellen Schlosssymbol ein, wenn eine Seite unsicher geladen wird (also mit HTTP statt HTTPS). Die browser.urlbar.trimHttps Präferenz kürzt das https: Präfix von Adressleisten-URLs. Siehe Firefox Bug 1853418 für mehr 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 Textlabel für den normalen Browsing-Modus zu aktivieren. security.insecure_connection_text.pbmode.enabled-
Auf
truesetzen, um das Textlabel für den privaten Browsing-Modus zu aktivieren. browser.urlbar.trimHttps-
Auf
truesetzen, um dashttps:Präfix von Adressleisten-URLs zu kürzen.
Einschränkung von Inhalten für Erwachsene mit <meta name="rating">
Das nicht-standardisierte <meta name="rating"> Element kann auf einer Webseite enthalten sein, um den Inhalt der Seite als eingeschränkt/erwachsenen 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 (mehr 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 daran zu hindern, den Inhalt zu sehen. Die Implementierung von Firefox ersetzt die Seite mit dem Inhalt, der unter about:restricted gefunden wird, was dem Benutzer erklärt, dass er versucht, eingeschränkten Inhalt zu sehen, erklärt, warum er ihn nicht sehen kann, und ihm eine Zurück-Taste bietet, um dorthin zurückzukehren, woher er kam.
Siehe Firefox Bug 1991135 für weitere Einzelheiten.
| 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, die sich selbst als erwachsenheitsbezogen identifizieren, durch das Hinzufügen eines<meta name="rating">Elements zu beschränken. security.restrict_to_adults.respect_platform-
Auf
truesetzen, um den Zugang zu Webseiten, die sich selbst als erwachsenheitsbezogen identifizieren, nur zu beschränken, wenn entsprechende elterliche Kontrollen auf dem zugrunde liegenden Betriebssystem eingestellt sind (zum Beispiel sind die macOS Content & Privacy Einstellungen so eingestellt, dass sie explizite Webinhalte einschränken).
Berechtigungspolitik / Feature Policy
Permissions Policy 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 ist in Firefox als Feature Policy implementiert, der Name wurde in einer früheren Version der Spezifikation verwendet.
Beachten Sie, dass unterstützte Richtlinien durch das allow Attribut auf <iframe> Elementen auch dann gesetzt werden können, wenn die Benutzerpräferenz 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.
Privacy Preserving Attribution API (PPA)
PPA API bietet eine Alternative zum Benutzertracking für Anzeigenattribution mit dem neuen navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA im ursprünglichen Erläuterer und der vorgeschlagenen Spezifikation. Dieses Experiment kann über die Origin Trial für Webseiten oder im Browser aktiviert werden, indem die Präferenz auf 1 gesetzt wird. (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ätspolitik für Stylesheet-Ressourcen
Die Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden jetzt für Stilressourcen unterstützt. Diese ermöglichen es Webseiten, entweder Subressourcensicherheitsgarantien für Stile zu erzwingen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Berichterstattungsendpunkte 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, denen entweder das integrity Attribut fehlt oder das eine Integritätshash aufweisen, das 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-Anfrage-Header kann von der Client-Website verwendet werden, um Anfragen vom Typ POST oder PATCH idempotent zu machen, wenn es mit einem Server verwendet wird, der diese unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und ankündigen sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und erwartete Fehlermeldungen.
Firefox fügt den Header automatisch mit einem einzigartigen Schlüssel für jede neue POST-Anfrage hinzu, wenn er nicht bereits vom client-seitigen Code der Seite hinzugefügt wurde. Dies vereinfacht den client-seitigen Code, der erforderlich ist, um mit Servern, die die Funktion unterstützen, zu arbeiten.
| 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-Typ image/jxl
Der HTTP Accept Header kann in Standard- und Bildanforderungen über eine Präferenz konfiguriert werden, um Unterstützung für den MIME-Typ image/jxl anzuzeigen.
| 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 dann gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht für Cross-Site-Subrequests, um Bilder oder Frames in einer Drittanbieter-Website zu laden und so weiter. Weitere Details finden Sie in 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 Authorization nicht ab
Der Access-Control-Allow-Headers ist ein Antwortheader auf eine CORS-Vorab-Anfrage, die angibt, welche Anforderungsheader in der endgültigen Anfrage enthalten sein dürfen. Die Antwortdirektive kann einen Platzhalter (*) enthalten, der angibt, dass die endgültige Anfrage alle Header außer dem Authorization Header enthalten darf.
Standardmäßig fügt Firefox den Authorization Header in die endgültige Anfrage ein, nachdem eine Antwort mit Access-Control-Allow-Headers: * eingegangen ist. Setzen Sie die Präferenz auf false, um sicherzustellen, dass Firefox den Authorization Header nicht einfügt. Weitere Details finden Sie in 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.
Entwickler-Tools
Die Entwickler-Tools 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 in Beta und Release durchlassen. Die untenstehenden Funktionen sind die aktuellen experimentellen Entwickler-Tool-Funktionen.
Keine experimentellen Features in diesem Release-Zyklus.