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 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 Präferenz, den Sie verwenden können, um die Funktion zu aktivieren oder zu konfigurieren. Die Beschreibung jeder Funktion enthält auch Links zu den relevanten Bugzilla-Bugs, die die Funktion implementieren oder aktivieren. Diese Informationen ermöglichen es Ihnen, experimentelle Funktionen auszuprobieren und Feedback zu geben, bevor sie offiziell veröffentlicht werden.
In Bezug auf den Lebenszyklus erscheinen neue Funktionen normalerweise zuerst in Nightly, wo sie oft standardmäßig aktiviert sind, um frühes Feedback und Tests zu erhalten. Wenn keine größeren Probleme festgestellt werden, werden sie in Beta und Developer Edition Pre-Release Builds aufgenommen. Schließlich werden genehmigte Funktionen im stabilen Release Kanal ausgeliefert. Wenn eine Funktion in einem Release standardmäßig 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 die entsprechende Präferenz und ändern Sie deren Wert, normalerweise ein Umschalten zwischen true und false. Abhängig von der Funktion müssen Sie den Browser möglicherweise neu starten, damit die Änderung wirksam wird. Lesen Sie den Firefox-Konfigurationseditor Support-Artikel, um weitere Informationen über die Verwaltung von Präferenzen in Firefox zu erhalten.
HTML
>Layout für input type="search"
Das Layout für input type="search" wurde aktualisiert. Dies führt dazu, dass ein Suchfeld ein Löschen-Symbol hat, sobald jemand anfängt, darin zu tippen, um andere Browser-Implementierungen anzupassen. (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-
Setzen Sie es auf
true, um es zu aktivieren.
Umschalten der Passwortanzeige
HTML-Passworteingabeelemente (<input type="password">) enthalten ein "Auge"-Symbol, das umgeschaltet werden kann, um den Passworttext anzuzeigen oder zu verbergen (Firefox Bug 502258).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 96 | Nein |
| Developer Edition | 96 | Nein |
| Beta | 96 | Nein |
| Release | 96 | Nein |
-
Setzen Sie es auf
true, um es 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-
Setzen Sie es auf
true, um es zu aktivieren.
alpha und colorspace Attribute in color Eingabeelementen
Das HTML <input type="color"> Element unterstützt 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-
Setzen Sie es auf
true, um es zu aktivieren.
CSS
>Hex-Boxen zur Anzeige abweichender Steuerzeichen
Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc), außer Tab (U+0009), Zeilenumbruch (U+000A), Formenfeed (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 | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 43 | Ja |
| Developer Edition | 43 | Nein |
| Beta | 43 | Nein |
| Release | 43 | Nein |
layout.css.control-characters.visible-
Setzen Sie es auf
true, um es zu aktivieren.
initial-letter Eigenschaft
Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und ermöglicht es, festzulegen, wie fallende, erhabene und versenkte Initialen 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-
Setzen Sie es auf
true, um es zu aktivieren.
fit-content() Funktion
Die fit-content() Funktion, wie sie auf width und andere Größenanpassungseigenschaften angewendet wird. Diese Funktion wird bereits gut für die Größenanpassung von CSS-Grid-Layout-Spuren 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-
Setzen Sie es auf
true, um es zu aktivieren.
Scrollgesteuerte Animationen
Zuvor als "scroll-verknüpfte Animationen" bezeichnet, hängt eine scrollgesteuerte Animation von der Scrollposition einer Bildlaufleiste anstelle von Zeit oder einer anderen Dimension ab. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschreibweise) ermöglichen es, festzulegen, dass eine bestimmte Bildlaufleiste in einem bestimmten benannten Container als Quelle für eine scrollgesteuerte Animation verwendet werden kann. Der Bildlauf-Zeitstrahl kann dann mit einer Animation assoziiert werden, indem die animation-timeline Eigenschaft auf den Namen gesetzt wird, der durch scroll-timeline-name definiert ist.
Beim Verwenden der scroll-timeline Kurzschreibweise müssen die Eigenschaftswerte in der Reihenfolge scroll-timeline-name gefolgt von scroll-timeline-axis angegeben werden. Die Langschrift- und 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 Bildlaufleiste in einem übergeordneten Element für den Zeitstrahl 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-
Setzen Sie es auf
true, um es zu aktivieren.
prefers-reduced-transparency Medienmerkmal
Das CSS prefers-reduced-transparency Medienmerkmal ermöglicht es Ihnen festzustellen, ob ein Benutzer die Einstellung aktiviert hat, die Menge der transparenten oder durchscheinenden Schichteneffekte auf seinem 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-
Setzen Sie es auf
true, um es zu aktivieren.
inverted-colors Medienmerkmal
Das CSS inverted-colors Medienmerkmal ermöglicht es Ihnen festzustellen, 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-
Setzen Sie es auf
true, um es zu aktivieren.
Property für benannte Ansicht-Fortschritts-Zeitstrahlen
Die CSS view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, der angibt, dass sein übergeordnetes Scrolling-Element die Quelle für einen Fortschritts-Zeitstrahl der Ansicht ist. Der Name kann dann dem animation-timeline zugewiesen werden, wodurch das zugehörige Element animiert wird, während es sich durch den sichtbaren Bereich seines übergeordneten Scrolling-Elements 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-
Setzen Sie es auf
true, um es zu aktivieren.
Anonyme Ansicht-Fortschritts-Zeitstrahlen-Funktion
Die CSS view() Funktion ermöglicht es Ihnen anzugeben, dass der animation-timeline für ein Element ein Fortschritts-Zeitstrahl der Ansicht ist, der das Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrolling-Elements bewegt. Die Funktion definiert die Achse des Elternelements, das den Zeitstrahl bereitstellt, zusammen mit dem Rand innerhalb des sichtbaren Bereichs, an 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-
Setzen Sie es auf
true, um es zu aktivieren.
Anbieter-spezifische Transformations-Eigenschaften
Die -moz- präfixierten CSS-Transformations Eigenschaften können deaktiviert werden, indem die Präferenz layout.css.prefixes.transforms auf false gesetzt wird. Die Absicht ist, diese zu deaktivieren, sobald die standardmäßigen CSS-Zoomeigenschaften gut unterstützt werden. (Firefox Bug 1886134, Firefox Bug 1855763).
Insbesondere 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 | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 120 | Ja |
| Developer Edition | 120 | Ja |
| Beta | 120 | Ja |
| Release | 120 | Ja |
layout.css.prefixes.transforms-
Setzen Sie es auf
true, um zu aktivieren.
Symmetrisches letter-spacing
Die CSS letter-spacing Eigenschaft teilt jetzt 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 die Textverteilung verbessern, insbesondere in Text mit gemischter Richtung. (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-
Setzen Sie es auf
true, um es zu aktivieren.
Pseudo-Elemente nach elementgestützten Pseudo-Elementen zulassen
Es wurde begonnen, Pseudo-Elemente wie ::first-letter und ::before zu ermöglichen, an elementgestützte Pseudo-Elemente wie ::details-content und ::file-selector-button angehängt zu werden.
Dies ermöglicht es Benutzern beispielsweise, den ersten Buchstaben des <details>-Elements zu stylen, indem der CSS-Selektor ::details-content::first-letter verwendet wird, oder Inhalt 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 mit @supports(::details-content::first-letter) geparst werden. Das ::file-selector-button Pseudo-Element ist noch nicht als elementspezifisches Pseudo-Element markiert, sodass 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 stylen, anstatt sie individuell anzusprechen. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu stylen, die mit einer kommagetrennten Liste von ganzen Zahlen übereinstimmen, die die Überschriftsebenen darstellen. (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-
Setzen Sie es auf
true, um es zu aktivieren.
@custom-media At-Regel
Die @custom-media CSS-At-Regel definiert Aliase für lange oder komplexe Medienabfragen. Anstatt dieselbe fest codierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann es einmal in einer @custom-media At-Regel definiert und im gesamten Stylesheet dort referenziert werden, wo es benötigt wird. (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-
Setzen Sie es auf
true, um es zu aktivieren.
<attr-type> Werte in attr() CSS-Funktion
Die attr() CSS-Funktion unterstützt jetzt <attr-type> Werte. Dies ermöglicht, wie ein Attributwert in einen CSS-Wert geparst wird, und diese Werte direkt aus data-* zu übernehmen. (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-
Setzen Sie es auf
true, um es zu aktivieren.
Namespacierte Attribute in attr() CSS-Funktion
Die attr() CSS-Funktion akzeptiert jetzt namespacierte Attribute. Dies ermöglicht es, Attribute aus Elementen sprachenbasierter XML-Dokumente wie SVG zu beziehen und sie entsprechend zu stylen. (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-
Setzen Sie es auf
true, um es zu aktivieren.
Absolut positionierte Elemente in mehrspaltigen Containern und beim Drucken
Absolut positionierte Elemente in mehrspaltigen Containern und beim Drucken werden jetzt korrekt positioniert und fragmentiert. Dies verbessert die Interoperabilität mit anderen Browsern und verhindert Layoutprobleme wie sich überlappenden Text oder Inhaltsverlust. (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-
Setzen Sie es auf
true, um es zu aktivieren.
@container style() Bereichssyntax-Abfragen
Die @container CSS-At-Regel style() Abfragen unterstützen jetzt die Bereichssyntax. Dies ermöglicht, zu überprüfen, ob ein Container eine gültige CSS-benutzerdefinierte Eigenschaft hat und deren Wert mit Vergleichsoperatoren wie >, <, >= und <= abgeglichen wird, und entsprechend Styles 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-
Setzen Sie es auf
true, um es zu aktivieren.
Fix für verschachtelte Scrollbereiche
Diese Implementierung wurde hinzugefügt, um ein Problem zu beheben, bei dem scrollbarer Inhalt nicht erreichbar war. Wenn eine Bildlaufleiste auf display: none; oder width: 0; gesetzt ist, würden die Bildlaufleisten verschachtelter scrollbarer Bereiche übereinander gestapelt, so dass einige der Inhalte möglicherweise nicht zugänglich sind. Dies bedeutet jedoch, dass der @supports selector(::-webkit-scrollbar) Check true zurückgeben wird, 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-
Setzen Sie es auf
true, um es zu aktivieren.
<timeline-range-name> Werte
Die animation-range-start, animation-range-end CSS-Eigenschaften und die animation-range Kurzschreibweise unterstützen jetzt <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es, präzise festzulegen, innerhalb welchen Abschnitts eine scrollgesteuerte Animation stattfinden soll. (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-
Setzen Sie es auf
true, um es zu aktivieren.
SVG
Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.
MathML
>href auf nicht-<a> MathML-Elementen deaktivieren
Wenn aktiviert, erstellt das href globale Attribut keinen Hyperlink auf MathML-Elementen außer <a>, wodurch Firefox mit der MathML-Core-Spezifikation übereinstimmt, die Hyperlinks nur 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-
Setzen Sie es auf
true, um es zu aktivieren.
JavaScript
>TC39 Iterator includes Vorschlag
Die Iterator.prototype.includes() Methode testet, ob eine Iterator Instanz einen bestimmten Wert produziert. Der Vergleich erfolgt mit dem SameValueZero-Algorithmus. Dieser Algorithmus ist ähnlich wie die strikte Gleichheit === (wo -0 und +0 als gleich angesehen werden), unterscheidet sich aber darin, dass NaN als gleich zu sich selbst angesehen wird. (Firefox Bug 2025779).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Nein |
| Developer Edition | 152 | Nein |
| Beta | 152 | Nein |
| Release | 152 | Nein |
javascript.options.experimental.iterator_includes-
Setzen Sie es auf
true, um es zu aktivieren.
TC39 Intl.Locale info Vorschlag
Der TC39 Intl.Locale info Vorschlag wird jetzt unterstützt. Dazu gehören 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 | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Nein |
| Developer Edition | — | — |
| Beta | — | — |
| Release | — | — |
javascript.options.experimental.intl_locale_info-
Setzen Sie es auf
true, um es in Nightly zu aktivieren.
Textmodul-Import
Die with Klausel { type: "text" } ermöglicht den Import des Modulinhalts als Stringwert. Der Medientyp der Antwort wird ignoriert, und der Inhalt wird als Text geparst, auch wenn der Quellcode Skripte oder anderen ausführbaren Code enthält. (Firefox Bug 2024854).
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 152 | Nein |
| Developer Edition | 152 | Nein |
| Beta | 152 | Nein |
| Release | 152 | Nein |
javascript.options.experimental.import_text-
Setzen Sie es auf
true, um es zu aktivieren.
Mehrere Import-Maps
Unterstützung für mehrere Import-Maps. Diese bieten Entwicklern mehr Flexibilität bei der Strukturierung und dem Laden von JavaScript-Modulen, da sie nicht mehr alle ihre Modulzuordnungen im Voraus kennen und diese in einem einzigen Import-Map deklarieren müssen, um Module zu laden. (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-
Setzen Sie es auf
true, um es zu aktivieren.
APIs
>Scoped Custom Element Registries
Die Unterstützung für Scoped Custom Element Registries wird implementiert. Scoped Registries ermöglichen es einem Schattenbaum, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen speziellen DOM-Unterbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Webkomponenten Elemente mit demselben Namen deklarieren.
Die Implementierung umfasst:
customElementRegistryEigenschaft anDocument,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-
Setzen Sie es auf
true, um es zu aktivieren.
CSS Typed Object Model Level 1
Implementierungsarbeiten am CSS Typed OM Level 1 haben 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 | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 149 | Nein |
| Developer Edition | 149 | Nein |
| Beta | 149 | Nein |
| Release | 149 | Nein |
layout.css.typed-om.enabled-
Setzen Sie es auf
true, um es zu aktivieren.
Grafik: Canvas, WebGL und WebGPU
WebGL: Entwurfserweiterungen
Wenn diese Präferenz aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im "Entwurf"-Status befinden und getestet werden, zur Nutzung freigegeben. Derzeit werden keine WebGL-Erweiterungen von Firefox getestet.
WebGPU API
Die WebGPU API bietet eine Unterstützung auf niedriger Ebene zur Durchführung von Berechnungen und Grafikrendern mithilfe der Graphics Processing Unit (GPU) des Benutzergeräts oder -computers. Ab Version 142 ist dies in Windows in allen Kontexten außer Dienstmitarbeitern aktiviert. Ab Version 147 ist dies in 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, ohne Dienstmitarbeiter) |
| Beta | 141 | Nein (Ja unter Windows und macOS auf Apple Silicon, ohne Dienstmitarbeiter) |
| Release | 141 | Nein (Ja unter Windows und macOS auf Apple Silicon, ohne Dienstmitarbeiter) |
dom.webgpu.enabled-
Setzen Sie es auf
true, um es zu aktivieren (in Nightly und unter Windows in allen Releases aktiviert). dom.webgpu.service-workers.enabled-
Setzen Sie es auf
true, um es 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.
Überprüfung der Browser-Unterstützung für das Kodieren/Dekodieren von WebRTC-Medien
Der webrtc Typ kann jetzt 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 standardisierten Typ transmission, der als Alias für webrtc verwendet wurde, wird 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-
Setzen Sie es auf
true, um es zu aktivieren.
HTMLMediaElement Eigenschaften: audioTracks und videoTracks
Wenn diese Funktion aktiviert ist, werden die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften zu allen HTML-Medienelementen hinzugefügt. 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, sodass sie standardmäßig deaktiviert sind. Weitere Details finden Sie im Firefox Bug 1057233.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 33 | Nein |
| Developer Edition | 33 | Nein |
| Beta | 33 | Nein |
| Release | 33 | Nein |
media.track.enabled-
Setzen Sie es auf
true, um es zu aktivieren.
Asynchrone SourceBuffer-Hinzufügungen und -Entfernung
Dies fügt die versprechungsbasierten Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Medienquellpuffern 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-
Setzen Sie es auf
true, um es zu aktivieren.
AVIF-Konformitätsschärfe
Die Präferenz image.avif.compliance_strictness kann verwendet werden, um die Strenge beim Verarbeiten von AVIF Bildern zu steuern. Dies ermöglicht es Firefox-Benutzern, Bilder anzuzeigen, die in einigen anderen Browsern gerendert werden, auch wenn sie nicht streng konform 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 ein Schärfe-Level angibt. Erlaubte Werte sind:
0: Permissiv. Erlauben Sie 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. Ablehnen von Verletzungen von Anforderungen ("muss"), aber Erlauben von Verletzungen von Empfehlungen ("sollte").2: Streng. Ablehnen jeglicher Verletzungen von spezifizierten Anforderungen oder Empfehlungen.
JPEG XL Unterstützung
Firefox unterstützt JPEG XL Bilder, wenn diese Funktion aktiviert ist. Siehe Firefox Bug 1539075 für weitere Details.
Es sei angemerkt, 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 bisherige C++ JPEG XL Bilddecoder durch eine neue Implementierung in Rust 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-
Setzen Sie es auf
true, um es zu aktivieren.
WebVR API (Deaktiviert)
Die veraltete WebVR API ist auf dem Weg zur Entfernung. Sie ist standardmäßig in allen Builds deaktiviert Firefox Bug 1750902.
| Release-Kanal | Version entfernt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 98 | Nein |
| Developer Edition | 98 | Nein |
| Beta | 98 | Nein |
| Release | 98 | Nein |
dom.vr.enabled-
Setzen Sie es auf
true, um es zu aktivieren.
Methoden von GeometryUtils: convertPointFromNode(), convertRectFromNode() und convertQuadFromNode()
Die GeometryUtils Methoden convertPointFromNode(), convertRectFromNode(), und convertQuadFromNode() mappen den gegebenen Punkt, Rechteck oder Vierer 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-
Setzen Sie es auf
true, um es zu aktivieren.
Methode von GeometryUtils: getBoxQuads()
Die GeometryUtils Methode getBoxQuads() gibt die CSS-Boxen für einen Node relativ zu einem 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-
Setzen Sie es auf
true, um es zu aktivieren.
Payment Request API
Primäre Zahlungsabwicklung
Die Payment Request API bietet Unterstützung für die Abwicklung webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Bugs, der beim Testen der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, die Auslieferung dieser API zu verschieben, während Diskussionen über potenzielle Änderungen an der API geführt werden. Die Arbeit ist noch im Gange. (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-
Setzen Sie es auf
true, um es zu aktivieren. dom.payments.request.supportedRegions-
Ländercodes als kommagetrennte Liste von Regionen (z.B.
US,CA).
WebShare API
Die Web Share API ermöglicht das Teilen von Dateien, URLs und anderen Daten von einer Website aus. Diese Funktion ist auf Android in allen Builds aktiviert, jedoch auf dem Desktop hinter einer Präferenz (es sei denn, sie wird unten 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). |
-
Setzen Sie es auf
true, um es 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 | Version geändert | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 117 | Ja |
| Developer Edition | 117 | Nein |
| Beta | 117 | Nein |
| Release | 117 | Nur unter Windows |
dom.webnotifications.requireinteraction.enabled-
Setzen Sie es auf
true, um es zu aktivieren.
Sicherheit und Datenschutz
>Kennzeichnung unsicherer Seiten
Die beiden security.insecure_connection_text_* Präferenzen fügen im Adressfeld neben dem traditionellen Schlosssymbol einen Text mit der Aufschrift "Nicht sicher" hinzu, wenn eine Seite unsicher geladen wird (d.h. mit HTTP anstelle von HTTPS). Die Präferenz browser.urlbar.trimHttps entfernt das https:-Präfix aus den URLs in der Adressleiste. Weitere Informationen finden Sie im Firefox Bug 1853418.
| 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-
Setzen Sie es auf
true, um das Textlabel für den normalen Browsermodus zu aktivieren. security.insecure_connection_text.pbmode.enabled-
Setzen Sie es auf
true, um das Textlabel für den privaten Browsermodus zu aktivieren. browser.urlbar.trimHttps-
Setzen Sie es auf
true, um dashttps:-Präfix aus den URLs in der Adressleiste zu entfernen.
Beschrä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/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 den gleichen Effekt 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 zu sehen. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt, der auf about:restricted gefunden wird, der dem Benutzer erklärt, dass er versucht, eingeschränkten Inhalt anzuzeigen, warum er ihn nicht sehen kann und ihm eine Schaltfläche zum Zurückkehren gibt.
Weitere Informationen finden Sie im Firefox Bug 1991135.
| 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-
Setzen Sie es auf
true, um den Zugang zu Webseiten einzuschränken, die sich selbst als erwachsen identifizieren, indem sie ein<meta name="rating">-Element enthalten. security.restrict_to_adults.respect_platform-
Setzen Sie es auf
true, um den Zugang zu Webseiten einzuschränken, die sich selbst als erwachsen identifizieren, indem sie ein<meta name="rating">-Element enthalten, nur wenn geeignete Kindersicherungseinstellungen auf dem zugrunde liegenden Betriebssystem gesetzt sind (z.B. die macOSContent & PrivacyEinstellungen sind gesetzt, um explizite Webinhalte einzuschränken).
Berechtigungspolitik/Funktionalitätspolitik
Berechtigungspolitik ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und das Verhalten zu ändern. Es ist ähnlich wie CSP, aber steuert Funktionen anstelle von Sicherheitsverhalten. Dies wird in Firefox als Funktionalitätspolitik implementiert, der Name wurde in einer früheren Version der Spezifikation verwendet.
Es sei darauf hingewiesen, dass unterstützte Richtlinien durch das allow Attribut auf <iframe>-Elementen gesetzt werden können, auch wenn die Benutzerpräferenz 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-
Setzen Sie es auf
true, um es zu aktivieren.
Schutz der Privatsphäre bei der Attribution API (PPA)
PPA API bietet eine Alternative zur Benutzerverfolgung für die Attribution von Anzeigen mit dem neuen navigator.privateAttribution Objekt mit saveImpression() und measureConversion() Methoden. Lesen Sie mehr über PPA im ursprünglichen Erklärer und die vorgeschlagene Spezifikation. Dieses Experiment kann für Websites über Origin Trials oder im Browser durch Setzen der Präferenz auf 1 aktiviert werden. (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-
Setzen Sie es auf
true, um es 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 Websites, entweder Garantie für Subressource-Integrität für Stile zu erzwingen oder nur Verletzungen der Politik zu melden. Es sei darauf hingewiesen, dass Firefox Berichtsendpunkte 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 referenziert sind, mit rel="stylesheet", die entweder das integrity Attribut fehlt 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-
Setzen Sie es auf
true, um es zu aktivieren.
Idempotency-Key
Der Idempotency-Key HTTP-Anforderungsheader kann von Website-Clientcode verwendet werden, um eine POST oder PATCH Anfrage idempotent zu machen, wenn sie mit einem Server verwendet wird, der dies unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und mitteilen sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und erwartete Fehlerantworten.
Firefox fügt diesen Header automatisch mit einem eindeutigen Schlüssel für jede neue POST-Anfrage hinzu, wenn er nicht bereits clientseitig zur Seite hinzugefügt wurde. Dies vereinfacht den clientseitigen Code, der erforderlich ist, um mit Servern zu arbeiten, die diese 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-
Setzen Sie es auf
true, um es zu aktivieren.
Accept-Header mit MIME-Typ Bild/jxl
Der HTTP Accept Header in Standardanfragen und Bildanfragen kann über eine Präferenz konfiguriert werden, um die Unterstützung des image/jxl MIME-Typs anzugeben.
| Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
|---|---|---|
| Nightly | 128 | Nein |
| Developer Edition | 128 | Nein |
| Beta | 128 | Nein |
| Release | 128 | Nein |
image.jxl.enabled-
Setzen Sie es auf
true, um es zu aktivieren.
SameSite=Lax standardmäßig
SameSite-Cookies haben standardmäßig den Wert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungssite navigiert, nicht für siteübergreifende Subrequests, um Bilder oder Frames auf eine Drittanbieter-Website zu laden usw. 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 |
-
Setzen Sie es auf
true, um es zu aktivieren.
Access-Control-Allow-Headers Wildcard deckt Authorization nicht ab
Der Access-Control-Allow-Headers ist ein Antwortheader auf eine CORS-Vorab-Anfrage, die angibt, welche Anfrageheader in der endgültigen Anfrage enthalten sein dürfen. Die Antwortrichtlinie kann ein Wildcard (*) enthalten, das anzeigt, 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 es eine Antwort mit Access-Control-Allow-Headers: * erhalten hat. Setzen Sie die Präferenz auf false, um sicherzustellen, dass Firefox den Authorization-Header nicht einfügt. 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 |
-
Setzen Sie es auf
true, um es zu aktivieren.
Entwicklertools
Die Entwicklerwerkzeuge von Mozilla entwickeln sich ständig weiter. Wir experimentieren mit neuen Ideen, fügen neue Funktionen hinzu und testen sie in den Nightly- und Developer Edition-Kanälen, bevor wir sie in Beta und Release durchlassen. Die unten stehenden Funktionen sind die derzeitigen experimentellen Funktionen der Entwicklerwerkzeuge.
Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.