Experimentelle Funktionen in Firefox
Diese Seite listet die experimentellen und teilweise implementierten Funktionen von Firefox auf, einschließlich derjenigen, die für vorgeschlagene oder führende Standards der Webplattform vorgesehen sind, sowie Informationen zu den Builds, in denen sie enthalten sind, ob sie "standardmäßig" aktiviert sind oder nicht und welche Einstellung verwendet werden kann, um sie zu aktivieren oder zu deaktivieren. Auf diese Weise können Sie die Funktionen testen, bevor sie veröffentlicht werden.
Neue Funktionen erscheinen zuerst im Firefox Nightly-Build, wo sie oft standardmäßig aktiviert sind. Später propagieren sie zu Firefox Developer Edition und schließlich zum Release-Build. Sobald eine Funktion standardmäßig in einem Release-Build aktiviert ist, gilt sie nicht mehr als experimentell und sollte aus dem Thema entfernt werden.
Experimentelle Funktionen können mit dem Firefox Konfigurationseditor (geben Sie about:config
in die Firefox-Adressleiste ein) aktiviert oder deaktiviert werden, indem die unten aufgeführten zugehörigen Einstellungen geändert werden.
Hinweis:
Für Editoren - Wenn Sie Funktionen zu diesen Tabellen hinzufügen, versuchen Sie bitte, einen Link zu den relevanten Bug(s) unter Verwendung von [Firefox Bug <Nummer>](https://bugzil.la/<Nummer>)
einzuschließen.
HTML
Layout für input type="search"
Das Layout für input type="search"
wurde aktualisiert. Dadurch hat ein Suchfeld ein Löschsymbol, sobald jemand zu tippen beginnt, um andere Browserimplementierungen zu entsprechen. (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 |
Name der Einstellung | layout.forms.input-type-search.enabled |
Passwortanzeige umschalten
HTML-Passworteingabeelemente (<input type="password">
) beinhalten 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 |
Name der Einstellung | layout.forms.reveal-password-button.enabled |
CSS
Hex-Boxen zum Anzeigen verirrter Steuerzeichen
Diese Funktion stellt Steuerzeichen (Unicode-Kategorie Cc) außer Tabulator (U+0009
), Zeilenumbruch (U+000A
), Seitenvorschub (U+000C
) und Wagenrücklauf (U+000D
) als eine Hex-Box dar, 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 |
Name der Einstellung |
layout.css.control-characters.visible
|
initial-letter Eigenschaft
Die initial-letter
CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und ermöglicht es Ihnen, festzulegen, wie abgesenkte, angehobene und versenkte Anfangsbuchstaben 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 |
Name der Einstellung | layout.css.initial-letter.enabled |
fit-content() Funktion
Die fit-content()
Funktion in ihrer Anwendung auf width
und andere Größeneigenschaften. Diese Funktion wird bereits gut für die Größenbestimmung von CSS Grid Layout-Spuren 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 |
Name der Einstellung | layout.css.fit-content-function.enabled |
Scroll-gesteuerte Animationen
Früher als "scroll-verknüpfte Animationen" bezeichnet, hängt eine scroll-gesteuerte Animation von der Scrollposition eines Scrollbalkens ab, anstatt von der Zeit oder einer anderen Dimension.
Die scroll-timeline-name
und scroll-timeline-axis
Eigenschaften (und die scroll-timeline
Kurzschreibweise) erlauben es, festzulegen, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scroll-gesteuerte Animation verwendet werden kann.
Die Scroll-Zeitachse kann dann mit einer Animation assoziiert werden, indem die animation-timeline
Eigenschaft auf den in scroll-timeline-name
definierten Namenwert gesetzt wird.
Beim Verwenden der scroll-timeline
Kurzschreibweise muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name
gefolgt von scroll-timeline-axis
sein. Die Langform- und Kurzform-Eigenschaften sind beide hinter der Einstellung verfügbar.
Alternativ können Sie die scroll()
funktionale Notation mit animation-timeline
verwenden, um anzugeben, dass eine Scrollbalkenachse in einem übergeordneten Element für die Zeitachse verwendet wird.
Weitere Informationen finden Sie unter 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. Weitere Informationen finden Sie unter Firefox Bug 1676779.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 136 | Ja |
Developer Edition | 110 | Nein |
Beta | 110 | Nein |
Release | 110 | Nein |
Name der Einstellung | layout.css.scroll-driven-animations.enabled |
@scope At-Regel
Die @scope CSS At-Regel ermöglicht es, spezifische Kindelemente auszuwählen, ohne die Spezifität von CSS-Selektoren übermäßig zu erhöhen (Firefox Bug 1886441).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 137 | Ja |
Developer Edition | 128 | Nein |
Beta | 128 | Nein |
Release | 128 | Nein |
Name der Einstellung | layout.css.at-scope.enabled |
font-variant-emoji Eigenschaft
Die CSS font-variant-emoji
Eigenschaft ermöglicht es, einen Standarddarstellungsstil für die Anzeige von Emojis festzulegen.
Siehe (Firefox Bug 1461589) für weitere Details.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 108 | Ja |
Developer Edition | 108 | Nein |
Beta | 108 | Nein |
Release | 108 | Nein |
Name der Einstellung | layout.css.font-variant-emoji.enabled |
prefers-reduced-transparency Medienfunktion
Die CSS prefers-reduced-transparency
Medienfunktion ermöglicht es festzustellen, ob ein Benutzer die Einstellung aktiviert hat, um die Anzahl transparenter oder transluzenter Ebeneffekte auf ihrem 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 |
Name der Einstellung | layout.css.prefers-reduced-transparency.enabled |
inverted-colors Medienfunktion
Die CSS inverted-colors
Medienfunktion ermöglicht es festzustellen, ob ein Benutzeragent oder das zugrunde liegende 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 |
Name der Einstellung | layout.css.inverted-colors.enabled |
Benannte Sicht-Fortschritts-Zeitachsen-Eigenschaft
Die CSS view-timeline-name
Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, der identifiziert, dass das Scroller-Element des Vorfahren die Quelle einer Sicht-Fortschritts-Zeitachse 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 Vorfahren-Scrollers bewegt.
Siehe (Firefox Bug 1737920) 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 |
Name der Einstellung | layout.css.scroll-driven-animations.enabled |
Anonyme Sicht-Fortschritts-Zeitachsen-Funktion
Die CSS view()
Funktion ermöglicht es festzulegen, dass die animation-timeline
für ein Element eine Sicht-Fortschritts-Zeitachse ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines Vorfahren-Scrollers bewegt.
Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitachse liefert, zusammen mit der Einbettung innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und beginnt.
Siehe (Firefox Bug 1808410) 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 |
Name der Einstellung | layout.css.scroll-driven-animations.enabled |
Vendor-Spezifische Transformations-Eigenschaften
Die -moz-
präfixierten CSS Transformations-Eigenschaften können deaktiviert werden, indem die layout.css.prefixes.transforms
-Einstellung 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).
Konkret wird diese Einstellung 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 |
Name der Einstellung |
layout.css.prefixes.transforms
|
UA-Styles für <h1>
eingebettet in Abschnittselemente
Das <h1>
Überschriftselement wird jetzt nicht mehr in der Schriftgröße verkleinert, wenn es innerhalb von Abschnittselementen wie <article>
, <aside>
, <nav>
, und <section>
eingebettet ist. Die UA-Styles für <h1>
eingebettet in Abschnittselemente sind nicht mehr relevant, da der Outline-Algorithmus aus der HTML-Spezifikation entfernt wurde. (Firefox Bug 1883896).
Hinweis:
Die Einstellung für diese Funktion funktioniert umgekehrt: Sie ist in der Nightly-Build auf false
gesetzt, was die UA-Styling für Überschriften innerhalb von Abschnittselementen entfernt. Sie ist in allen anderen Kanälen auf true
gesetzt, was das bestehende UA-Styling für die eingebetteten Überschriften beibehält.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 125 | Nein |
Developer Edition | 125 | Ja |
Beta | 125 | Ja |
Release | 125 | Ja |
Name der Einstellung |
layout.css.h1-in-section-ua-styles.enabled
|
shape()
Funktion
Die CSS shape()
Funktion ist ein <basic-shape>
Datentyp, der Ihnen ermöglicht, eine Form in den clip-path
und offset-path
Eigenschaften mithilfe eines oder mehrerer "Shape-Commands" zu definieren. Diese Befehle sind den SVG-Pfadbefehlen sehr ähnlich. Die shape()
Funktion ist in gewisser Hinsicht ähnlich der path()
Funktion, aber im Gegensatz zu path()
, die die SVG-Pfad-Syntax verwendet, verwendet shape()
die normale CSS-Syntax. Dies ermöglicht es Ihnen, Formen einfach zu erstellen und zu bearbeiten und auch CSS-Mathematische Funktionen zu verwenden.
Für weitere Details siehe Firefox Bug 1823463 für die shape()
Funktion Unterstützung in clip-path
, Firefox Bug 1884424 für die Unterstützung der Funktion in offset-path
, und Firefox Bug 1884425 für ihre Unterstützungsinterpolation.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 126 | Ja |
Developer Edition | 126 | Nein |
Beta | 126 | Nein |
Release | 126 | Nein |
Name der Einstellung | layout.css.basic-shape-shape.enabled |
Symmetrisches letter-spacing
Die CSS letter-spacing
Eigenschaft verteilt jetzt den angegebenen Buchstabenabstand gleichmäßig auf beide Seiten jedes Zeichens. Dies ist anders als das derzeitige Verhalten, bei dem der Abstand hauptsächlich auf einer Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand verbessern, besonders bei gemischtem direktionalem Text Firefox Bug 1891446.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 128 | Ja |
Developer Edition | 128 | Ja |
Beta | 127 | Nein |
Release | 127 | Nein |
Name der Einstellung | layout.css.letter-spacing.model |
Unterstützung für calc()
Farbkanäle in relativen Farben
Die CSS calc()
Funktion kann jetzt Farbkanäle in relativen Farben parsen, sodass Sie Farbänderungen in verschiedenen Farbräumen oder bei Verwendung unterschiedlicher funktionaler Notationen korrekt berechnen können Firefox Bug 1889561.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 127 | Ja |
Developer Edition | 127 | Nein |
Beta | 127 | Nein |
Release | 127 | Nein |
Name der Einstellung | layout.css.relative-color-syntax.enabled |
CSS Anker-Positionierung
Das CSS Anker-Positionierungs Modul definiert eine Reihe von Funktionen, die es ermöglichen, Elemente als Ankerelemente zu definieren und andere Elemente relativ zu Ankerelementen zu positionieren. Dies ermöglicht es beispielsweise, Tooltips in Verbindung mit zugehörigem Inhalt anzuzeigen, während es durch den Ansichtsbereich scrollt, sich bei Bedarf bewegt, wenn es den Ansichtsbereich überschreiten würde, und verschwindet, wenn der Anker aus dem Sichtbereich verschwindet. Die Reihe von Funktionen wird schrittweise hinter einer Einstellung ausgerollt (Firefox Bug 1838746).
Zu den implementierten Teilen gehören:
CSSPositionTryRule
undCSSPositionTryDescriptors
(Firefox 131).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 131 | Nein |
Developer Edition | 131 | Nein |
Beta | 131 | Nein |
Release | 131 | Nein |
Name der Einstellung | layout.css.anchor-positioning.enabled |
::details-content
Pseudo-Element
Das CSS ::details-content
Pseudo-Element ermöglicht es, den Inhalt des <details>
Elements zu stylen (Firefox Bug 1901037).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 138 | Nein |
Developer Edition | 138 | Nein |
Beta | 138 | Nein |
Release | 138 | Nein |
Name der Einstellung | layout.css.details-content.enabled |
SVG
<discard>
Element für SVG-Animationen
Das <discard>
SVG-Element wird jetzt unterstützt, zusammen mit seiner entsprechenden SVGDiscardElement
JavaScript-Schnittstelle.
Das Element ermöglicht es Entwicklern, eine Triggerzeit oder ein Ereignis anzugeben, bei dem ein bestimmtes Element und seine Kinder aus dem DOM entfernt werden sollen.
Ein SVG-Viewer kann diese Information verwenden, um Speicher zu schonen, indem nicht mehr benötigte Elemente, wie abgeschlossene animierte Elemente, verworfen werden.
(Firefox Bug 1069931).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 136 | Nein |
Developer Edition | 136 | Nein |
Beta | 136 | Nein |
Release | 136 | Nein |
Name der Einstellung | svg.discard.enabled |
JavaScript
Temporal API
Das Temporal Objekt zielt darauf ab, die Arbeit mit Datums- und Zeitangaben in verschiedenen Szenarien zu vereinfachen, mit eingebauten Zeitzonen- und Kalenderdarstellungen (Firefox Bug 1912511). Dies umfasst:
- Eine Dauer (Differenz zwischen zwei Zeitpunkten):
Temporal.Duration
- Zeitpunkte:
- Als einzigartiger Moment in der Geschichte:
- Ein Zeitstempel:
Temporal.Instant
- Ein Datum mit Zeitzone:
Temporal.ZonedDateTime
- Ein Zeitstempel:
- Zeitzonen-unabhängiges Datum/Zeit ("Plain"):
- Datum (Jahr, Monat, Tag) + Zeit (Stunde, Minute, Sekunde, Millisekunde, Nanosekunde):
Temporal.PlainDateTime
- Datum (Jahr, Monat, Tag):
Temporal.PlainDate
- Jahr, Monat:
Temporal.PlainYearMonth
- Monat, Tag:
Temporal.PlainMonthDay
- Jahr, Monat:
- Zeit (Stunde, Minute, Sekunde, Millisekunde, Nanosekunde):
Temporal.PlainTime
- Datum (Jahr, Monat, Tag):
- Datum (Jahr, Monat, Tag) + Zeit (Stunde, Minute, Sekunde, Millisekunde, Nanosekunde):
- Als einzigartiger Moment in der Geschichte:
- Jetzt (aktuelle Zeit) als verschiedene Instanzen der Klasse, oder in einem bestimmten Format:
Temporal.Now
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 137 | Ja |
Developer Edition | 137 | Nein |
Beta | 137 | Nein |
Release | 137 | Nein |
Name der Einstellung | javascript.options.experimental.temporal |
Importattribut für JSON-Module
Die import
Deklaration unterstützt jetzt das Importieren von JSON-Modulen unter Verwendung des with
Attributs.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 138 | Ja |
Developer Edition | 138 | Nein |
Beta | 138 | Nein |
Release | 138 | Nein |
Name der Einstellung | javascript.options.experimental.import_attributes |
APIs
CloseWatcher Interface
Eingebaute Webkomponenten mit "öffnen" und "schließen" Semantik, wie modale Dialoge und Popover, können über gerätenative Mechanismen geschlossen werden. Beispielsweise kann auf Android ein Dialog durch die Zurück-Taste geschlossen werden. Das CloseWatcher
Interface ermöglicht es Entwicklern, UI-Komponenten, wie benutzerdefinierte Sidebars, zu implementieren, die ähnlich über native Mechanismen geschlossen werden können. (Firefox Bug 1888729).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 132 | Nein |
Developer Edition | 132 | Ja |
Beta | 132 | Ja |
Release | 132 | Nein |
Präferenzname | dom.closewatcher.enabled |
Trusted Types API
Die Trusted Types API bietet Mechanismen, um sicherzustellen, dass Funktionen, die potenziell als Vektoren für XSS-Angriffe genutzt werden können, nur mit Daten aufgerufen werden, die validiert oder gesäubert wurden.
Hinweis: Zum Zeitpunkt des Schreibens wurde noch nicht genug von der API implementiert, um effektiv getestet werden zu können. Diese Bemerkung wird entfernt, sobald sie bereit ist.
Dieser Teil der API wurde implementiert:
TrustedTypePolicyFactory
:- Die Methoden
write()
undwriteln()
derDocument
Schnittstelle akzeptieren jetztTrustedHTML
Objekte als Parameter, zusätzlich zu Strings. (Firefox Bug 1906301). - Die Eigenschaften
text
,innerText
undtextContent
derHTMLScriptElement
Schnittstelle akzeptieren jetztTrustedScript
Objekte als Wert, währendsrc
TrustedScriptURL
Werte akzeptiert. (Firefox Bug 1905706). - Die Methoden
Window.setInterval()
undWindow.setTimeout()
können mit einemTrustedScript
aufgerufen werden. (Firefox Bug 1931290). - Die globale Eigenschaft
trustedTypes
ist verfügbar, um auf die Trusted Types API zuzugreifen. - Die Eigenschaften
Element.innerHTML
undShadowRoot.innerHTML
können mit trusted types aufgerufen werden.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 133 | Nein |
Developer Edition | 133 | Nein |
Beta | 133 | Nein |
Release | 133 | Nein |
Präferenzname | dom.security.trusted_types.enabled |
Entfernung von MutationEvent
MutationEvent
und die zugehörigen Ereignisse (DOMSubtreeModified
, DOMNodeInserted
, DOMNodeRemoved
, DOMCharacterDataModified
, DOMAttrModified
) sind für die Entfernung vorgesehen und wurden im Nightly deaktiviert. (Firefox Bug 1951772).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 138 | Nein |
Developer Edition | 138 | Ja |
Beta | 138 | Ja |
Release | 138 | Ja |
Präferenzname | dom.mutation_events.enabled |
PerformanceEventTiming.interactionId
PerformanceEventTiming.interactionId
kann verwendet werden, um die Latenzzeit für Ereignisse zu messen, die durch eine bestimmte Benutzerinteraktion ausgelöst wurden. (Firefox Bug 1934683).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 138 | Nein |
Developer Edition | 138 | Nein |
Beta | 138 | Nein |
Release | 138 | Nein |
Präferenzname | dom.performance.event_timing.enable_interactionid |
Notification.actions
Die schreibgeschützte Eigenschaft actions
der Notification
Schnittstelle wird in Nightly unterstützt. Diese enthält Benachrichtigungsaktionen, die mit ServiceWorkerRegistration.showNotification()
gesetzt wurden. (Firefox Bug 1225110).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 138 | |
Developer Edition | 138 | Nein |
Beta | 138 | Nein |
Release | 138 | Nein |
Präferenzname | dom.webnotifications.actions.enabled |
Grafik: Canvas, WebGL und WebGPU
WebGL: Entwürfe von Erweiterungen
Wenn diese Präferenz aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im "Entwurfstatus" befinden und getestet werden, zur Verwendung aktiviert. Derzeit werden keine WebGL-Erweiterungen von Firefox getestet.
WebGPU API
Die WebGPU API bietet Unterstützung auf niedriger Ebene für die Durchführung von Berechnungen und Grafikrendering mit der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Siehe Firefox Bug 1602129 für unseren Fortschritt bei dieser API.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 113 | Ja |
Developer Edition | 73 | Nein |
Beta | 73 | Nein |
Release | 73 | Nein |
Präferenzname | dom.webgpu.enabled |
Reporting-API-Unterstützung für CSP-Verletzungen
Die Reporting API hat jetzt Unterstützung zum Bericht von Content Security Policy (CSP) Verletzungen.
Report
Instanzen, die von der ReportingObserver
Schnittstelle zurückgegeben werden, können jetzt einen type
Wert von "csp-violation"
und eine body
Eigenschaft haben, die eine Instanz der CSPViolationReportBody
Schnittstelle enthält. Dies erlaubt es, CSP-Verletzungen innerhalb einer Webseite zu melden.
CSP-Verletzungsberichte können auch an externe Endpunkte gesendet werden, die im CSP report-to
-Direktiv nach Namen angegeben sind. Endpunktnamen und entsprechende URLs müssen zuerst in den Reporting-Endpoints
oder Report-To
HTTP-Antwort-Headern definiert werden. Der Bericht ist eine Serialisierung des oben beschriebenen Report
-Objekts, mit einer body
Eigenschaft, die eine Serialisierung einer CSPViolationReportBody
Instanz ist.
Dieser Verletzungsbericht ersetzt einen ähnlichen CSP-spezifischen Mechanismus zum Senden von Verletzungsberichten, der das CSP report-uri
-Direktiv verwendet, um die URL des Berichterstattungs-Endpunkts festzulegen und ein CSP-spezifisches JSON-Verletzungsberichtformat hat. (Firefox Bug 1391243).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 130 | Nein |
Developer Edition | 130 | Nein |
Beta | 130 | Nein |
Release | 130 | Nein |
Präferenzname | dom.reporting.enabled |
WebRTC und Medien
Die folgenden experimentellen Funktionen umfassen diejenigen, die in 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.
Asynchrone SourceBuffer-Zusätze und -Entfernung
Dies fügt die auf Versprechen basierenden Methoden appendBufferAsync()
und removeAsync()
zur Hinzufügung und Entfernung von Medienquellenpuffern zur SourceBuffer
-Schnittstelle hinzu. Weitere Informationen finden Sie im Firefox Bug 1280613 und Firefox Bug 778617.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 62 | Nein |
Developer Edition | 62 | Nein |
Beta | 62 | Nein |
Release | 62 | Nein |
Präferenzname | media.mediasource.experimental.enabled |
AVIF-Konformitätsstriktheit
Die Präferenz 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 anderen Browsern angezeigt werden, auch wenn sie nicht strikt konform sind.
Zulässige Werte sind:
0
: Akzeptieren von Bildern mit Spezifikationsverletzungen sowohl in Empfehlungen ("sollte" Sprache) als auch in Anforderungen ("muss" Sprache), sofern diese sicher oder eindeutig interpretiert werden können.1
(Standard): Ablehnen von Verletzungen von Anforderungen, aber Zulassen von Verletzungen von Empfehlungen.2
: Strikt. Ablehnen von Verletzungen in Anforderungen oder Empfehlungen.
Release-Kanal | Hinzugefügte Version | Standardwert |
---|---|---|
Nightly | 92 | 1 |
Developer Edition | 92 | 1 |
Beta | 92 | 1 |
Release | 92 | 1 |
Präferenzname | image.avif.compliance_strictness |
JPEG XL-Unterstützung
Firefox unterstützt JPEG XL Bilder, wenn diese Funktion aktiviert ist. Weitere Details finden Sie im Firefox Bug 1539075.
Beachten Sie, dass diese Funktion nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 90 | Nein |
Developer Edition | — | — |
Beta | — | — |
Release | — | — |
Präferenzname | image.jxl.enabled |
CSS Custom Highlight API
Die CSS Custom Highlight API bietet einen Mechanismus zum Styling beliebiger Textbereiche in einem Dokument (verallgemeinert das Verhalten anderer Highlight-Pseudoelemente wie ::selection
, ::spelling-error
, ::grammar-error
, und ::target-text
). Die Bereiche werden in JavaScript mithilfe von Range
Instanzen definiert, die in einem Highlight
gruppiert sind und dann mit einem Namen bei HighlightRegistry
registriert werden. Das CSS ::highlight
Pseudoelement wird verwendet, um Styles auf ein registriertes Highlight anzuwenden. Weitere Details finden Sie im Firefox Bug 1703961.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 117 | Ja |
Developer Edition | 117 | Nein |
Beta | 117 | Nein |
Release | 117 | Nein |
Präferenzname | dom.customHighlightAPI.enabled |
WebVR API
WebVR API (Deaktiviert)
Die veraltete WebVR API ist für die Entfernung vorgesehen. 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 |
Präferenzname | dom.vr.enabled |
HTML DOM API
Selektionen über die Grenze des Shadow DOM hinweg
Die Methode Selection.getComposedRanges()
kann verwendet werden, um ein Array von StaticRange
Objekten zu erhalten, die den aktuell ausgewählten Bereich oder Bereiche repräsentieren. Im Gegensatz zu Selection.getRangeAt()
kann diese Methode Bereiche mit Anker- oder Fokusknoten innerhalb eines Shadow DOMs zurückgeben, jedoch nur, wenn sie die ShadowRoot
Objekte enthält, die diese Knoten enthalten. Andernfalls gibt sie einen Bereich zurück, der auf den Hostknoten des Schattenwurzelknotens beschränkt wurde, der den Knoten enthält. Die Selection
-Methoden setBaseAndExtent()
, collapse()
und extend()
wurden ebenfalls modifiziert, um Knoten innerhalb einer Schattenwurzel zu akzeptieren.
Benutzerauswahl per Maus, Tastatur, usw. kann überall im Dokument beginnen und enden, einschließlich innerhalb eines offenen oder geschlossenen Schattenbaums. (Firefox Bug 1867058).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 126 | Ja |
Developer Edition | 126 | Nein |
Beta | 126 | Nein |
Release | 126 | Nein |
Präferenzname | dom.shadowdom.selection_across_boundary.enabled |
HTMLMediaElement Eigenschaften: audioTracks und videoTracks
Die Aktivierung dieser Funktion fügt allen HTML-Medienelementen die Eigenschaften HTMLMediaElement.audioTracks
und HTMLMediaElement.videoTracks
hinzu. Da Firefox derzeit jedoch keine Unterstützung für mehrere Audio- und Videospuren bietet, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht, weshalb sie standardmäßig deaktiviert sind. Weitere Details finden Sie im Firefox Bug 1057233.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 33 | Nein |
Developer Edition | 33 | Nein |
Beta | 33 | Nein |
Release | 33 | Nein |
Präferenzname | media.track.enabled |
GeometryUtils-Methoden: convertPointFromNode(), convertRectFromNode() und convertQuadFromNode()
Die GeometryUtils
-Methoden convertPointFromNode()
, convertRectFromNode()
, und convertQuadFromNode()
mappen den gegebenen Punkt, das Rechteck oder das Viereck vom aufgerufenen Node
auf einen anderen Knoten. (Weitere Details finden Sie im Firefox Bug 918189).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 31 | Ja |
Developer Edition | 31 | Nein |
Beta | 31 | Nein |
Release | 31 | Nein |
Präferenzname | layout.css.convertFromNode.enable |
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. (Weitere Details finden Sie im Firefox Bug 917755).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 31 | Ja |
Developer Edition | 31 | Nein |
Beta | 31 | Nein |
Release | 31 | Nein |
Präferenzname | layout.css.getBoxQuads.enabled |
Payment Request API
Primäre Zahlungsabwicklung
Die Payment Request API bietet Unterstützung für die Abwicklung von webbasierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der bei der Prüfung der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, die Veröffentlichung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API stattfinden. Die Arbeit läuft. (Weitere Details finden Sie im Firefox Bug 1318984).
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 55 | Nein |
Developer Edition | 55 | Nein |
Beta | 55 | Nein |
Release | 55 | Nein |
Präferenzname |
dom.payments.request.enabled unddom.payments.request.supportedRegions
|
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, aber hinter einer Präferenz auf dem Desktop (es sei denn, unten 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). |
Präferenzname | dom.webshare.enabled |
Screen Orientation API
ScreenOrientation.lock()
Die Methode ScreenOrientation.lock()
ermöglicht es, ein Gerät auf eine bestimmte Ausrichtung zu sperren, wenn dies vom Gerät unterstützt wird und die Sperranforderungen des Browsers erfüllt sind. In der Regel ist das Sperren der Ausrichtung nur auf Mobilgeräten erlaubt, wenn das Dokument im Vollbildmodus angezeigt wird. Weitere Informationen finden Sie im Firefox Bug 1697647.
Release-Kanal | Geänderte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 111 | Ja |
Developer Edition | 97 | Nein |
Beta | 97 | Nein |
Release | 97 | Nein |
Präferenzname | dom.screenorientation.allow-lock |
API für priorisierte Aufgabenplanung
Die API für priorisierte Aufgabenplanung bietet eine standardisierte Möglichkeit, alle Aufgaben einer Anwendung zu priorisieren, egal ob sie im Code eines Website-Entwicklers oder in Drittanbieter-Bibliotheken und Frameworks definiert sind. (Firefox Bug 1734997)
Diese Funktion war in Firefox Nightly in Version 101 aktiviert. Die Unterstützung in Firefox Nightly 135 wurde vorübergehend deaktiviert, um Verstöße in freier Wildbahn zu vermeiden.
Release-Kanal | Geänderte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 101 | Nein |
Developer Edition | 101 | Nein |
Beta | 101 | Nein |
Release | 101 | Nein |
Präferenzname | dom.enable_web_task_scheduling |
Notifications API
Benachrichtigungen haben die Eigenschaft requireInteraction
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 |
Präferenzname | dom.webnotifications.requireinteraction.enabled |
Sicherheit und Datenschutz
Blockieren von Klartextanforderungen von Flash auf verschlüsselten Seiten
Um Man-in-the-Middle-(MitM)-Angriffe durch Flash-Inhalte auf verschlüsselten Seiten zu mindern, wurde eine Präferenz hinzugefügt, um OBJECT_SUBREQUEST
s als aktive Inhalte zu behandeln. Weitere Details finden Sie im Firefox Bug 1190623.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 59 | Nein |
Developer Edition | 59 | Nein |
Beta | 59 | Nein |
Release | 59 | Nein |
Präferenzname |
security.mixed_content.block_object_subrequest
|
Anzeige unsicherer Seiten
Die zwei security.insecure_connection_text_*
Präferenzen fügen eine "Nicht sicher" Textbeschriftung in der Adressleiste neben dem traditionellen Schloss-Symbol 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 von Adressleisten-URLs. Weitere Details finden Sie im Firefox Bug 1853418.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 121 | Ja |
Developer Edition | 60 | Nein |
Beta | 60 | Nein |
Release | 60 | Nein |
Präferenzname |
security.insecure_connection_text.enabled für normalen Browsing-Modus;
security.insecure_connection_text.pbmode.enabled für privates Browsen-Modus
browser.urlbar.trimHttps zum Entfernen des https-Präfixes
|
Permissions Policy / Feature Policy
Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und deren Verhalten zu ändern. Es ähnelt CSP, kontrolliert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies wird in Firefox als Feature Policy implementiert, dem Namen, der in einer früheren Version der Spezifikation verwendet wurde.
Beachten Sie, dass unterstützte Richtlinien durch das allow
Attribut auf <iframe>
Elementen gesetzt werden können, auch wenn die Benutzereinstellung nicht gesetzt ist.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 65 | Nein |
Developer Edition | 65 | Nein |
Beta | 65 | Nein |
Release | 65 | Nein |
Präferenzname |
dom.security.featurePolicy.header.enabled
|
Privacy Preserving Attribution API (PPA)
Die PPA API bietet eine Alternative zur Benutzerverfolgung für Anzeigenattribution unter Verwendung des neuen navigator.privateAttribution
Objektes mit den Methoden saveImpression()
und measureConversion()
. Lesen Sie mehr über PPA in der Erläuterung. Dieses Experiment kann für Websites über origin trial oder im Browser durch Setzen der Präferenz 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 |
Präferenzname |
dom.origin-trials.private-attribution.state
|
HTTP
Accept-Header mit MIME-Type image/jxl
Der HTTP Accept
Header in Standardanforderungen und Bildanforderungen kann über eine Präferenz konfiguriert werden, um Unterstützung für den image/jxl
MIME-Typ anzuzeigen.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 128 | Nein |
Developer Edition | 128 | Nein |
Beta | 128 | Nein |
Release | 128 | Nein |
Präferenzname |
image.jxl.enabled
|
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 Querseitenanfragen, um Bilder oder Frames in eine Drittanbieterseite zu laden usw. Weitere Details finden Sie im Firefox Bug 1617609.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 69 | Nein |
Developer Edition | 69 | Nein |
Beta | 69 | Nein |
Release | 69 | Nein |
Präferenzname | network.cookie.sameSite.laxByDefault |
Access-Control-Allow-Headers-Wildcard deckt Authorization
nicht ab
Der Access-Control-Allow-Headers
ist ein Antwortheader auf eine CORS-Preflight-Anfrage, der angibt, welche Anforderungsheader in die endgültige Anfrage aufgenommen werden können. Die Antwortanweisung kann ein Wildcard (*
) enthalten, das angibt, dass die endgültige Anfrage alle Header außer dem Authorization
-Header enthalten darf.
Standardmäßig enthält Firefox den Authorization
-Header in der endgültigen Anfrage, nachdem eine Antwort mit Access-Control-Allow-Headers: *
empfangen wurde. Setzen Sie die Präferenz auf false
, um sicherzustellen, dass Firefox den Authorization
-Header nicht einfügt. Weitere Details finden Sie im Firefox Bug 1687364.
Release-Kanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 115 | Ja |
Developer Edition | 115 | Ja |
Beta | 115 | Ja |
Release | 115 | Ja |
Präferenzname | network.cors_preflight.authorization_covered_by_wildcard |
Entwicklerwerkzeuge
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 an Beta und Release weiterleiten. Die folgenden Funktionen sind die aktuellen experimentellen Entwicklerwerkzeugfunktionen.