Experimentelle Funktionen in Firefox
Diese Seite listet experimentelle und teilweise implementierte Funktionen in Firefox auf, einschließlich solcher für vorgeschlagene oder hochmoderne Webplattform-Standards, zusammen mit Informationen über die Build-Versionen, in denen sie vorhanden sind, ob sie "standardmäßig" aktiviert sind oder nicht, und welche Preference verwendet werden kann, um sie zu aktivieren oder zu deaktivieren. Dies ermöglicht es Ihnen, die Funktionen zu testen, bevor sie veröffentlicht werden.
Neue Funktionen erscheinen zuerst im Firefox Nightly Build, wo sie oft standardmäßig aktiviert sind. Sie gelangen später dann zur Firefox Developer Edition und schließlich zum Release-Build. Nachdem eine Funktion standardmäßig im Release-Build aktiviert ist, wird sie nicht mehr als experimentell betrachtet 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ührte zugehörige Preference geändert wird.
Hinweis: Für Redakteure - bitte versuchen Sie beim Hinzufügen von Funktionen zu diesen Tabellen, einen Link zu dem relevanten Bug oder den relevanten Bugs mit [Firefox bug <number>](https://bugzil.la/<number>)
einzufügen.
HTML
Autokorrektur von editierbaren Textelementen
Das HTML-autocorrect
Attribut (und die entsprechende HTMLElement.autocorrect
Eigenschaft) ermöglicht die Autokorrektur in editierbaren Textelementen, einschließlich: den meisten Typen von Text-<input>
-Elementen, <textarea>
-Elementen und Elementen, die das contenteditable
Attribut gesetzt haben (Firefox bug 1725806).
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 134 | Ja |
Developer Edition | 134 | Nein |
Beta | 134 | Nein |
Release | 134 | Nein |
Preference-Name | dom.forms.autocorrect |
Layout für input type="search"
Das Layout für input type="search"
wurde aktualisiert. Dadurch hat ein Suchfeld ein Löschen-Symbol, sobald jemand darin zu tippen beginnt, um andere Browserimplementierungen zu entsprechen. (Siehe Firefox bug 558594 für weitere Details.)
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 81 | Nein |
Developer Edition | 81 | Nein |
Beta | 81 | Nein |
Release | 81 | Nein |
Preference-Name | layout.forms.input-type-search.enabled |
Umschalten der Passwortanzeige
HTML-Passwort-Eingabeelemente (<input type="password">
) beinhalten ein "Augen"-Symbol, das umgeschaltet werden kann, um den Passworttext anzuzeigen oder zu verbergen (Firefox bug 502258).
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 96 | Nein |
Developer Edition | 96 | Nein |
Beta | 96 | Nein |
Release | 96 | Nein |
Preference-Name | layout.forms.reveal-password-button.enabled |
Nur-Text contenteditable Modus
Der Wert plaintext-only
des globalen Attributs contenteditable
zeigt an, dass das Element bearbeitbar ist; Rich-Text-Formatierung ist deaktiviert und jede Formatierung im eingefügten Text wird automatisch entfernt. (Siehe Firefox bug 1922723 für weitere Details.)
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 133 | Ja |
Developer Edition | 133 | Nein |
Beta | 133 | Nein |
Release | 133 | Nein |
Preference-Name | dom.element.contenteditable.plaintext-only.enabled |
CSS
Hex-Boxen zur Darstellung von Steuerzeichen
Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc), außer Tab (U+0009
), Zeilenumbruch (U+000A
), Seitenvorschub (U+000C
) und Wagenrücklauf (U+000D
), als eine Hex-Box, wenn sie unerwartet sind. (Siehe Firefox bug 1099557 für weitere Details.)
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 43 | Ja |
Developer Edition | 43 | Nein |
Beta | 43 | Nein |
Release | 43 | Nein |
Preference-Name |
layout.css.control-characters.enabled oder
layout.css.control-characters.visible
|
initial-letter Eigenschaft
Die initial-letter
CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und erlaubt es Ihnen, festzulegen, wie abgesetzte, gehobene und abgesenkte Initialbuchstaben dargestellt werden. (Siehe Firefox bug 1223880 für weitere Details.)
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 50 | Nein |
Developer Edition | 50 | Nein |
Beta | 50 | Nein |
Release | 50 | Nein |
Preference-Name | layout.css.initial-letter.enabled |
Einzelne Zahlen als Seitenverhältnis in Media Queries
Unterstützung für die Verwendung einer einzelnen <number>
als <ratio>
bei der Angabe des Seitenverhältnisses für eine Medienabfrage. (Siehe Firefox bug 1565562 für weitere Details.)
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 70 | Nein |
Developer Edition | 70 | Nein |
Beta | 70 | Nein |
Release | 70 | Nein |
Preference-Name | layout.css.aspect-ratio-number.enabled |
fit-content() Funktion
Die fit-content()
Funktion, wie sie auf width
und andere Größenangaben angewendet wird. Diese Funktion wird bereits für die CSS-Grid-Layout-Spurgrößenbestimmung gut unterstützt. (Siehe Firefox bug 1312588 für weitere Details.)
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 91 | Nein |
Developer Edition | 91 | Nein |
Beta | 91 | Nein |
Release | 91 | Nein |
Preference-Name | layout.css.fit-content-function.enabled |
Scrollgetriebene Animationen
Früher "scroll-verknüpfte Animationen" genannt, hängt eine scrollgetriebene Animation von der Scrollposition einer Bildlaufleiste statt von der Zeit oder einer anderen Dimension ab. Die scroll-timeline-name
und scroll-timeline-axis
Eigenschaften (und die scroll-timeline
Kurzschreibweise) ermöglichen es Ihnen zu bestimmen, dass eine bestimmte Bildlaufleiste in einem bestimmten benannten Container als Quelle für eine scrollgetriebene Animation verwendet werden kann. Die Scrolling-Timeline kann dann durch Setzen der animation-timeline
Eigenschaft auf den Namen, der mit scroll-timeline-name
definiert ist, mit einer Animation verbunden werden.
Bei der Verwendung der scroll-timeline
Kurzschreibweise muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name
gefolgt von scroll-timeline-axis
sein. Die Langschreibweise und Kurzschreibweise sind beide hinter der Preference verfügbar.
Sie können alternativ die scroll()
funktionale Notation mit animation-timeline
verwenden, um anzuzeigen, dass eine Scrollachse in einem Vorfahrenelement für die Timeline verwendet wird.
Für weitere Informationen siehe Firefox bug 1807685, Firefox bug 1804573, Firefox bug 1809005, Firefox bug 1676791, Firefox bug 1754897, und Firefox bug 1737918.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 110 | Nein |
Developer Edition | 110 | Nein |
Beta | 110 | Nein |
Release | 110 | Nein |
Preference-Name | layout.css.scroll-driven-animations.enabled |
@scope At-Regel
Die @scope CSS At-Regel ermöglicht es Ihnen, spezifische Kind-Elemente auszuwählen, ohne die Spezifität von CSS-Selektoren übermäßig zu erhöhen (Firefox bug 1886441).
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 128 | Nein |
Developer Edition | 128 | Nein |
Beta | 128 | Nein |
Release | 128 | Nein |
Preference-Name | layout.css.at-scope.enabled |
font-variant-emoji Eigenschaft
Die CSS font-variant-emoji
Eigenschaft ermöglicht es Ihnen, einen Standarddarstellungsstil für die Anzeige von Emojis festzulegen. Siehe (Firefox bug 1461589) für weitere Details.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 108 | Ja |
Developer Edition | 108 | Nein |
Beta | 108 | Nein |
Release | 108 | Nein |
Preference-Name | layout.css.font-variant-emoji.enabled |
prefers-reduced-transparency Medienfunktion
Die CSS prefers-reduced-transparency
Medienfunktion ermöglicht es Ihnen zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, die Menge an transparenten oder durchsichtigen Schichteffekten auf seinem Gerät zu minimieren. Siehe (Firefox bug 1736914) für weitere Details.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 113 | Nein |
Developer Edition | 113 | Nein |
Beta | 113 | Nein |
Release | 113 | Nein |
Preference-Name | layout.css.prefers-reduced-transparency.enabled |
inverted-colors Medienfunktion
Die CSS inverted-colors
Medienfunktion ermöglicht es Ihnen zu erkennen, ob ein Benutzer-Agent oder das zugrundeliegende Betriebssystem die Farben invertiert. Siehe (Firefox bug 1794628) für weitere Details.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 114 | Nein |
Developer Edition | 114 | Nein |
Beta | 114 | Nein |
Release | 114 | Nein |
Preference-Name | layout.css.inverted-colors.enabled |
Benannte View-Progress-Timelines Eigenschaft
Die CSS view-timeline-name
Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben und zu identifizieren, dass sein Vorfahrelement das Quellenelement einer View-Progress-Timeline ist. Der Name kann dann der animation-timeline
zugewiesen werden, die dann das zugehörige Element animiert, während es sich durch den sichtbaren Bereich seines Vorfahrens bewegt. Siehe (Firefox bug 1737920) für weitere Details.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 114 | Nein |
Developer Edition | 114 | Nein |
Beta | 114 | Nein |
Release | 114 | Nein |
Preference-Name | layout.css.scroll-driven-animations.enabled |
Anonyme View-Progress-Timelines Funktion
Die CSS view()
Funktion ermöglicht es Ihnen festzulegen, dass die animation-timeline
für ein Element eine View-Progress-Timeline ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines Vorfahren-Scrollers bewegt. Die Funktion definiert die Achse des Elternelements, das die Timeline liefert, zusammen mit dem Versatz innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und endet. Siehe (Firefox bug 1808410) für weitere Details.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 114 | Nein |
Developer Edition | 114 | Nein |
Beta | 114 | Nein |
Release | 114 | Nein |
Preference-Name | layout.css.scroll-driven-animations.enabled |
Anbieterpräfixe für Transform-Eigenschaften
Die -moz-
Präfixe der CSS transform Eigenschaften können deaktiviert werden, indem die layout.css.prefixes.transforms
Präferenz auf false
gesetzt wird. Ziel ist es, diese zu deaktivieren, sobald die standardmäßigen CSS-zoom-Eigenschaften gut unterstützt werden. (Firefox bug 1886134, Firefox bug 1855763).
Diese Präferenz deaktiviert insbesondere die folgenden Eigenschaftspräfixe:
-moz-backface-visibility
-moz-perspective
-moz-perspective-origin
-moz-transform
-moz-transform-origin
-moz-transform-style
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 120 | Ja |
Developer Edition | 120 | Ja |
Beta | 120 | Ja |
Release | 120 | Ja |
Preference-Name | layout.css.prefixes.transforms |
UA-Stile für <h1>
verschachtelt in Abschnittselementen
Die <h1>
-Überschrift verringert jetzt nicht die Schriftgröße, wenn sie innerhalb von Abschnittselementen <article>
, <aside>
, <nav>
, und <section>
geschachtelt ist. Die UA-Stile für <h1>
, die innerhalb von Abschnittselementen geschachtelt sind, sind nicht mehr relevant, da der Outline-Algorithmus aus der HTML-Spezifikation entfernt wurde. (Firefox bug 1883896).
Hinweis: Die Präferenz für diese Funktion wirkt in umgekehrter Weise: Sie ist auf false
im Nightly Build gesetzt, wodurch die UA-Stilierung für Überschriften, die in Abschnittselementen geschachtelt sind, entfernt wird. Sie ist auf true
in allen anderen Kanälen gesetzt, die die bestehende UA-Stilierung für die verschachtelten Überschriften beibehalten.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 125 | Nein |
Developer Edition | 125 | Ja |
Beta | 125 | Ja |
Release | 125 | Ja |
Preference-Name | layout.css.h1-in-section-ua-styles.enabled |
shape()
Funktion
Die CSS shape()
Funktion ist ein <basic-shape>
Datentyp, mit dem Sie eine Form in den clip-path
und offset-path
Eigenschaften unter Verwendung eines oder mehrerer "Formbefehle" definieren können. Diese Befehle sind den SVG-Pfadbefehlen sehr ähnlich. Die shape()
Funktion ist in mancher Hinsicht der
Funktion ähnlich, aber im Gegensatz zu path()
path()
, das die SVG-Pfad-Syntax verwendet, verwendet shape()
die Standard-CSS-Syntax. Dies ermöglicht es Ihnen, Formen einfach zu erstellen und zu bearbeiten und auch die Verwendung von CSS-Mathematischen Funktionen zu ermöglichen. Für weitere Details, siehe Firefox bug 1823463 für die Unterstützung der shape()
Funktion in clip-path
, Firefox bug 1884424 für die Unterstützung der Funktion in offset-path
, und Firefox bug 1884425 für deren Interpolationsunterstützung.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 126 | Ja |
Developer Edition | 126 | Nein |
Beta | 126 | Nein |
Release | 126 | Nein |
Preference-Name | layout.css.basic-shape-shape.enabled |
@starting-style
At-Regel
Die CSS @starting-style
At-Regel ermöglicht es Ihnen, die Anfangsstile eines Elements für eine CSS-Transition festzulegen, wenn das Element keinen Standard-Anfangsstil hat. Dies ist besonders nützlich für Elemente, die beim ersten Zeichnen nicht sichtbar sind, wie popover
oder 'dialog'. Unterstützt noch nicht die Animation von display: none
. Für weitere Details, siehe Firefox bug 1834876 und Firefox bug 1834877.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 127 | Ja |
Developer Edition | 127 | Nein |
Beta | 127 | Nein |
Release | 127 | Nein |
Preference-Name | layout.css.starting-style-at-rules.enabled |
Symmetrisches letter-spacing
Die CSS letter-spacing
Eigenschaft verteilt jetzt den angegebenen Buchstabenabstand gleichmäßig auf beide Seiten jedes Zeichens. Dies unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich auf eine Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand verbessern, insbesondere bei gemischtrichtungstext Firefox bug 1891446.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 128 | Ja |
Developer Edition | 128 | Ja |
Beta | 127 | Nein |
Release | 127 | Nein |
Preference-Name | layout.css.letter-spacing.model |
Unterstützung für calc()
Farbekanal in relativen Farben
Die CSS calc()
Funktion kann jetzt Farbekanäle in relativen Farben analysieren, sodass Sie Änderungen an Farben in verschiedenen Farbmodellen oder beim Verwenden verschiedener funktionaler Notationen korrekt berechnen können Firefox bug 1889561.
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 127 | Ja |
Developer Edition | 127 | Nein |
Beta | 127 | Nein |
Release | 127 | Nein |
Preference-Name | layout.css.relative-color-syntax.enabled |
CSS Ankerpositionierung
Das CSS Anchor Positioning Modul definiert eine Reihe von Funktionen, die es ermöglichen, Elemente als Ankerelemente zu definieren und andere Elemente relativ zu diesen Ankerelementen zu positionieren. Dies ermöglicht es beispielsweise, Tooltips neben dem zugehörigen Inhalt anzuzeigen, während es durch den Ansichtshafen scrollt, sich nach Bedarf bewegt, wenn es über den Ansichtshafen hinausgeht, und verschwindet, wenn der Anker aus dem Bildausschnitt verschwindet. Die Funktionalitäten werden sukzessive hinter einer Präferenz eingeführt (Firefox bug 1838746).
Die implementierten Teile umfassen:
CSSPositionTryRule
undCSSPositionTryDescriptors
(Firefox 131).
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 131 | Nein |
Developer Edition | 131 | Nein |
Beta | 131 | Nein |
Release | 131 | Nein |
Preference-Name | layout.css.anchor-positioning.enabled |
:has-slotted Pseudo-Klasse
Die :has-slotted
Pseudo-Klasse wird verwendet, um Elemente in <template>
zu stylen, die Inhalt zu einem <slot>
Element hinzufügen, wenn ein Webkomponente gerendert wird (Firefox bug 1921747).
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 133 | Nein |
Developer Edition | 133 | Nein |
Beta | 133 | Nein |
Release | 133 | Nein |
Preference-Name | layout.css.has-slotted-selector.enabled |
SVG
SVGPathSeg APIs
Die SVGPathSeg APIs werden entfernt und hinter einer Präferenz platziert. Dazu gehören: SVGPathSegList
, SVGPathElement.getPathSegAtLength(), SVGAnimatedPathData
. (Siehe Firefox bug 1388931 für weitere Details.)
Veröffentlichungskanal | Entfernte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 97 | Nein |
Developer Edition | 97 | Nein |
Beta | 97 | Nein |
Release | 97 | Nein |
Preference-Name | dom.svg.pathSeg.enabled |
JavaScript
Intl.DurationFormat
Intl.DurationFormat
ermöglicht das formatieren von Zeiträumen in Abhängigkeit von der Lokale. (Firefox bug 1648139).
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 134 | Ja |
Developer Edition | 134 | Nein |
Beta | 134 | Nein |
Release | 134 | Nein |
Preference-Name | NA |
JSON.parse mit Source
Der JSON.parse
Source Text Access Proposal erweitert das Verhalten von JSON.parse
und bietet Funktionen zur Minderung von Problemen beim Präzisionsverlust bei der Umwandlung von Werten wie große Fließkommazahlen und Datumswerte zwischen JavaScript-Werten und JSON-Text. (Firefox bug 1913085, Firefox bug 1925334).
Veröffentlichungskanal | Hinzugefügte Version | Standardmäßig aktiviert? |
---|---|---|
Nightly | 132 | Nein |
Developer Edition | 132 | Nein |
Beta | 132 | Nein |
Release | 132 | Nein |
Preference-Name | javascript.options.experimental.json_parse_with_source |
APIs
Cookie Store API
Die Cookie Store API ist eine moderne, auf Promise
basierende Methode zur Verwaltung von Cookies, die den Event-Loop nicht blockiert und nicht auf Document
angewiesen ist (daher kann sie für Service Worker verfügbar gemacht werden). Ein Teil der Cookie Store API wurde implementiert (Firefox-Bug 1800882). Dazu gehören:
- Die
CookieStore
Schnittstelle, wobeipartitioned
nicht in den Rückgabewerten enthalten ist. - Die
CookieChangeEvent
Schnittstelle, ohnepartitioned
Eigenschaften. - Die
Window.cookieStore
Eigenschaft. - Die
ServiceWorkerGlobalScope.cookieStore
Eigenschaft.
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 132 | Ja |
Developer Edition | 132 | Nein |
Beta | 132 | Nein |
Release | 132 | Nein |
Präferenzname | dom.cookieStore.enabled |
CloseWatcher Schnittstelle
Integrierte Webkomponenten mit "open" und "close"-Semantik, wie Modaldialoge und Popovers, können mit gerätenativen Mechanismen geschlossen werden.
Zum Beispiel können Sie auf Android einen Dialog mit der Zurück-Taste schließen.
Die CloseWatcher
Schnittstelle ermöglicht es Entwicklern, UI-Komponenten wie benutzerdefinierte Seitenleisten zu implementieren, die ähnlich mit nativen Mechanismen geschlossen werden können.
(Firefox-Bug 1888729).
Release-Kanal | Version hinzugefügt | 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 können, die validiert oder bereinigt wurden.
Hinweis: Zum Zeitpunkt des Schreibens wurde nicht genug von der API implementiert, um sie effektiv testen zu können. Diese Anmerkung wird entfernt, sobald sie bereit ist.
Es wurde ein Teil der API implementiert:
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 133 | Nein |
Developer Edition | 133 | Nein |
Beta | 133 | Nein |
Release | 133 | Nein |
Präferenzname | dom.security.trusted_types.enabled |
Grafik: Canvas, WebGL und WebGPU
Hit-Bereiche
Ob sich die Mauskoordinaten in einem bestimmten Bereich auf dem Canvas befinden, ist eine häufig zu lösende Aufgabe. Die Hit-Bereichs-API ermöglicht es Ihnen, einen Bereich Ihres Canvas zu definieren und bietet eine weitere Möglichkeit, interaktive Inhalte auf einem Canvas für Barrierefreiheitstools verfügbar zu machen.
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 30 | Nein |
Developer Edition | 30 | Nein |
Beta | 30 | Nein |
Release | 30 | Nein |
Präferenzname | canvas.hitregions.enabled |
WebGL: Entwurfserweiterungen
Wenn diese Präferenz aktiviert ist, werden alle derzeit getesteten WebGL-Erweiterungen im "Entwurfs"-Status 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 Grafik-Rendering mit der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Fortschritte zu dieser API finden Sie im Firefox-Bug 1602129.
Release-Kanal | Version hinzugefügt | 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-Verstöße
Die Reporting API unterstützt jetzt das Reporten von Content Security Policy (CSP) Verstößen.
Report
-Instanzen, die von der ReportingObserver
Schnittstelle zurückgegeben werden, können jetzt einen type
Wert von "csp-violation"
und eine body
-Eigenschaft enthalten, die eine Instanz der CSPViolationReportBody
Schnittstelle enthält.
Dies ermöglicht es, CSP-Verstöße innerhalb einer Webseite zu melden.
CSP-Verstoßberichte können auch an entfernte Endpunkte gesendet werden, die im CSP report-to
-Direktive benannt wurden — 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 Verstoßbericht ersetzt einen ähnlichen CSP-spezifischen Mechanismus zum Senden von Verstoßberichten, der die CSP report-uri
-Direktive verwendet, um die URL des Meldepunkts festzulegen, und ein CSP-spezifisches JSON-Verstoßberichtformat verwendet.
(Firefox-Bug 1391243).
Release-Kanal | Version hinzugefügt | 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 gefunden werden.
Asynchrones Hinzufügen und Entfernen von SourceBuffer
Dies fügt die auf Versprechen basierenden Methoden appendBufferAsync()
und removeAsync()
zum Hinzufügen und Entfernen von Mediensource-Buffern zur SourceBuffer
Schnittstelle hinzu. Weitere Informationen finden Sie in Firefox-Bug 1280613 und Firefox-Bug 778617.
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 62 | Nein |
Developer Edition | 62 | Nein |
Beta | 62 | Nein |
Release | 62 | Nein |
Präferenzname | media.mediasource.experimental.enabled |
AVIF-Konformitätsstrenge
Die image.avif.compliance_strictness
-Präferenz kann verwendet werden, um die Strenge zu steuern, die beim Verarbeiten von AVIF Bildern angewendet wird.
Damit können Firefox-Nutzer Bilder anzeigen, die in einigen anderen Browsern gerendert werden, selbst wenn sie nicht vollständig konform sind.
Erlaubte Werte sind:
0
: Bilder mit Verstößen gegen die Spezifikation in Empfehlungen ("sollte"-Sprache) und Anforderungen ("muss"-Sprache) akzeptieren, sofern sie sicher oder unmissverständlich interpretiert werden können.1
(Standard): Verstöße gegen Anforderungen zurückweisen, aber Verstöße gegen Empfehlungen zulassen.2
: Strikt. Alle Verstöße gegen Anforderungen oder Empfehlungen zurückweisen.
Release-Kanal | Version hinzugefügt | 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 in Firefox-Bug 1539075.
Beachten Sie, dass die Funktion, wie unten angegeben, nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist oder nicht).
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 90 | Nein |
Developer Edition | — | — |
Beta | — | — |
Release | — | — |
Präferenzname | image.jxl.enabled |
OpenFont COLRv1 Schriftarten
Diese Funktion bietet Unterstützung für die OpenFont COLRv1 Schriftartenspezifikation.
Dies ermöglicht das Laden von kompressionsfreundlichen, farbigen Vektorschriftarten mit Gradienten, Komposition und Mischen mit der CSS @font-face
-Regel oder der CSS Font Loading API.
Weitere Details finden Sie im Firefox-Bug 1740530.
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 105 | Nein |
Developer Edition | 105 | Nein |
Beta | 105 | Nein |
Release | 105 | Nein |
Präferenzname | gfx.font_rendering.colr_v1.enabled |
CSS Custom Highlight API
Die CSS Custom Highlight API bietet einen Mechanismus zum Stylen beliebiger Textranges in einem Dokument (verallgemeinert das Verhalten anderer Highlight-Pseudo-Elemente wie ::selection
, ::spelling-error
, ::grammar-error
, und ::target-text
).
Die Ranges werden in JavaScript unter Verwendung von Range
-Instanzen definiert, die in einem Highlight
gruppiert sind und dann mit einem Namen unter Verwendung von HighlightRegistry
registriert werden.
Das CSS ::highlight
Pseudo-Element wird verwendet, um Stile auf ein registriertes Highlight anzuwenden.
Weitere Details finden Sie im Firefox-Bug 1703961.
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 117 | Ja |
Developer Edition | 117 | Nein |
Beta | 117 | Nein |
Release | 117 | Nein |
Präferenzname | dom.customHighlightAPI.enabled |
Service Worker
Preloading von Service-Worker-Ressourcen bei Navigation
Die NavigationPreloadManager
Schnittstelle kann verwendet werden, um das Preloading von Ressourcen beim Navigieren zu einer Seite zu aktivieren.
Das Preloading erfolgt parallel zum Start des Workers, wodurch die Gesamtzeit von Start der Navigation bis zum Abrufen der Ressourcen reduziert wird.
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 99 | Ja |
Developer Edition | 97 | Nein |
Beta | 97 | Nein |
Release | 97 | Nein |
Präferenzname | dom.serviceWorkers.navigationPreload.enabled |
WebVR API
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 |
Präferenzname | dom.vr.enabled |
HTML DOM API
Auswahl über die Grenze des Shadow DOMs hinweg
Die Methode Selection.getComposedRanges()
kann verwendet werden, um ein Array aus StaticRange
-Objekten zu erhalten, die den aktuellen ausgewählten Bereich oder die Bereiche darstellen.
Im Gegensatz zu Selection.getRangeAt()
kann diese Methode Bereiche mit Anker- oder Fokus-Knoten innerhalb eines Shadow DOM zurückgeben, aber nur, wenn ihr die ShadowRoot
-Objekte übergeben werden, die diese Knoten enthalten.
Andernfalls gibt sie einen Bereich zurück, der so umgefasst wurde, dass er den Hostknoten der Shadow-Root einschließt, die den Knoten enthält.
Die Selection
-Methoden setBaseAndExtent()
, collapse()
und extend()
wurden ebenfalls geändert, um Knoten innerhalb einer Shadow-Root zu akzeptieren.
Benutzerauswahlen über Maus, Tastatur usw. können überall im Dokument beginnen und enden, einschließlich innerhalb beliebiger offener oder geschlossener Shadow Trees. (Firefox-Bug 1867058).
Release-Kanal | Version hinzugefügt | 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
Durch Aktivieren dieser Funktion werden die Eigenschaften HTMLMediaElement.audioTracks
und HTMLMediaElement.videoTracks
zu allen HTML-Medienelementen hinzugefügt. Aufgrund der Tatsache, dass Firefox derzeit keine Unterstützung für mehrere Audio- und Videospuren bietet, funktionieren die meisten 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 |
Präferenzname | media.track.enabled |
GeometryUtils Methoden: convertPointFromNode(), convertRectFromNode() und convertQuadFromNode()
Die GeometryUtils
Methoden convertPointFromNode()
, convertRectFromNode()
und convertQuadFromNode()
wandeln den angegebenen Punkt, das Rechteck oder das Viereck von dem Node
, auf dem sie aufgerufen werden, zu einem anderen Knoten um. (Weitere Details siehe Firefox-Bug 918189).
Release-Kanal | Version hinzugefügt | 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 Aussichtspunk zurück. (Weitere Details siehe Firefox-Bug 917755).
Release-Kanal | Version hinzugefügt | 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 während der Tests der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, das Release dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API erfolgen. Die Arbeit findet weiterhin statt. (Weitere Details siehe Firefox-Bug 1318984).
Release-Kanal | Version hinzugefügt | 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 Webseite. Diese Funktion ist auf Android in allen Builds aktiviert, wird aber auf dem Desktop hinter einer Präferenz ausgeführt (außer anders angegeben).
Release-Kanal | Version geändert | Standardmäßig aktiviert? |
---|---|---|
Nightly | 71 | Nein (Standard). Ja (Windows ab Version 92) |
Developer Edition | 71 | Nein |
Beta | 71 | Nein |
Release | 71 | Nein (Desktop). Ja (Android). |
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 durch die Vor-Sperr-Anforderungen des Browsers erlaubt ist. In der Regel ist das Sperren der Ausrichtung nur auf mobilen Geräten erlaubt, wenn das Dokument im Vollbildmodus angezeigt wird. Weitere Details finden Sie im Firefox-Bug 1697647.
Release-Kanal | Version geändert | Standardmäßig aktiviert? |
---|---|---|
Nightly | 111 | Ja |
Developer Edition | 97 | Nein |
Beta | 97 | Nein |
Release | 97 | Nein |
Präferenzname | dom.screenorientation.allow-lock |
Prioritized Task Scheduling API
Die Prioritized Task Scheduling API bietet eine standardisierte Möglichkeit, alle Aufgaben einer Anwendung zu priorisieren, unabhängig davon, ob sie im Code des Webseitenentwicklers oder in Drittanbieter-Bibliotheken und -Frameworks definiert sind.
Diese ist in Firefox Nightly (nur) ab Firefox 101 aktiviert. Es wird keine Präferenz angeboten, um sie in anderen Releases zu aktivieren.
Benachrichtigungen 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 Windows |
Präferenzname | dom.webnotifications.requireinteraction.enabled |
Sicherheit und Datenschutz
Blockieren von Klartextanfragen von Flash auf verschlüsselten Seiten
Um Man-in-the-Middle (MitM) Angriffe durch Flash-Inhalte auf verschlüsselten Seiten zu mildern, 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 | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 59 | Nein |
Developer Edition | 59 | Nein |
Beta | 59 | Nein |
Release | 59 | Nein |
Präferenzname | security.mixed_content.block_object_subrequest |
Beschriftung unsicherer Seiten
Die beiden Präferenzen security.insecure_connection_text_*
fügen einen "Nicht sicher"-Text neben dem traditionellen Schloss-Symbol in der Adressleiste hinzu, wenn eine Seite unsicher geladen wird (das heißt, mit HTTP anstelle von HTTPS). Die Präferenz browser.urlbar.trimHttps
entfernt das https:
-Präfix aus den Adressleisten-URLs. Weitere Details 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 |
Präferenzname |
security.insecure_connection_text.enabled für normalen Browsing-Modus;
security.insecure_connection_text.pbmode.enabled für privaten Browsing-Modus
browser.urlbar.trimHttps zum Trimmen des https-Präfixes
|
Berechtigungen Richtlinie / Feature-Richtlinie
Die Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und deren Verhalten zu ändern. Sie ähnelt CSP, steuert aber Funktionen anstatt 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 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 |
Präferenzname | dom.security.featurePolicy.header.enabled |
Permissions API Unterstützung für Mikrofon und Kamera
Die microphone
- und camera
-Berechtigungen der Permissions API werden unterstützt, sodass eine Webseite abfragen kann, ob Zugriff auf die entsprechende Hardware gewährt, verweigert oder noch genehmigt werden muss (Firefox-Bug 1609427, Firefox-Bug 1915222).
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 131 | Ja |
Developer Edition | 131 | Ja |
Beta | 131 | Ja |
Release | 131 | Nein |
Präferenzname | permissions.media.query.enabled |
Clear-Site-Data "Cache" Direktive
Der cache
-Anweisung des Clear-Site-Data
-HTTP-Antwort-Headers löscht den Browsercache für die anfordernde Website.
Hinweis: Dies wurde ursprünglich standardmäßig aktiviert, aber in Version 94 hinter einer Präferenz platziert (Firefox-Bug 1729291).
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 63 | Nein |
Developer Edition | 63 | Nein |
Beta | 63 | Nein |
Release | 63 | Nein |
Präferenzname | privacy.clearsitedata.cache.enabled |
Privacy Preserving Attribution API (PPA)
Die PPA API bietet eine Alternative zum Benutzer-Tracking zur Werbezurechnung mit dem neuen navigator.privateAttribution
-Objekt mit den Methoden saveImpression()
und measureConversion()
. Mehr über PPA erfahren Sie in der Erklärung. Dieses Experiment kann für Websites über den Origin-Versuch 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 |
Präferenzname | dom.origin-trials.private-attribution.state |
HTTP
Accept-Header mit MIME-Typ image/jxl
Der HTTP Accept
-Header in Standardanfragen und Bildanfragen kann über eine Präferenz konfiguriert werden, um Unterstützung für den MIME-Typ image/jxl
anzugeben.
Release-Kanal | Version hinzugefügt | 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 standardmäßig den Wert Lax
.
Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht jedoch für seitenübergreifende Subanfragen zum Laden von Bildern oder Frames auf einer Drittanbieterseite usw.
Weitere Details finden Sie im Firefox-Bug 1617609.
Release-Kanal | Version hinzugefügt | 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 umfasst nicht Authorization
Der Access-Control-Allow-Headers
ist ein Antwort-Header für eine CORS-Voranfrage, der angibt, welche Anforderungsheader in der endgültigen Anfrage enthalten sein dürfen.
Die Antwort-Direktive 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 einschließt.
Weitere Details finden Sie im Firefox-Bug 1687364.
Release-Kanal | Version hinzugefügt | 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 auf den Nightly- und Developer-Edition-Kanälen, bevor wir sie durch Beta und Release lassen. Die unten aufgeführten Funktionen sind die aktuelle Auswahl experimenteller Entwicklerwerkzeugfunktionen.
Ausführungskontext-Wähler
Diese Funktion zeigt eine Schaltfläche in der Befehlszeile der Konsole an, die es Ihnen ermöglicht, den Kontext zu ändern, in dem der Ausdruck, den Sie eingeben, ausgeführt wird. (Weitere Details siehe Firefox-Bug 1605154 und Firefox-Bug 1605153).
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 75 | Nein |
Developer Edition | 75 | Nein |
Beta | 75 | Nein |
Release | 75 | Nein |
Präferenzname | devtools.webconsole.input.context |
Server-gesendete Ereignisse im Netzwerkmonitor
Der Netzwerkmonitor zeigt Informationen zu server-gesendeten Ereignissen an. (Weitere Details siehe Firefox-Bug 1405706).
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 80 | Ja |
Developer Edition | 80 | Ja |
Beta | 80 | Nein |
Release | 80 | Nein |
Präferenzname | devtools.netmonitor.features.serverSentEvents |
CSS-Browser-Kompatibilitäts-Tooltips
Die CSS-Regelansicht kann Browser-Kompatibilitäts-Tooltips neben allen CSS-Eigenschaften anzeigen, die bekannte Probleme haben. Für weitere Informationen sehen Sie sich an: HTML untersuchen und bearbeiten > Browser-Kompatibilitätswarnungen.
Release-Kanal | Version hinzugefügt | Standardmäßig aktiviert? |
---|---|---|
Nightly | 81 | Nein |
Developer Edition | 81 | Nein |
Beta | 81 | Nein |
Release | 81 | Nein |
Präferenzname | devtools.inspector.ruleview.inline-compatibility-warning.enabled |