Experimentelle Funktionen in Firefox

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 darin zu tippen beginnt, um mit anderen Browserimplementierungen übereinzustimmen. (Siehe Firefox-Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Setzen Sie auf true, um zu aktivieren.

Passwortanzeige umschalten

HTML Passwort-Eingabeelemente (<input type="password">) enthalten ein "Auge"-Symbol, das umgeschaltet werden kann, um das Passworttext anzuzeigen oder zu verbergen (Firefox-Bug 502258).

layout.forms.reveal-password-button.enabled

Setzen Sie auf true, um zu aktivieren.

Zeitwahl in datetime-local und time Eingabeelementen

Die HTML-Elemente <input type="datetime-local"> und <input type="time"> unterstützen einen Zeitwähler. (Firefox-Bug 1726108).

dom.forms.datetime.timepicker

Setzen Sie auf true, um zu aktivieren.

alpha und colorspace Attribute in color Eingabeelementen

Das HTML-Eingabeelement <input type="color"> unterstützt die Attribute alpha & colorspace. (Firefox-Bug 1919718).

dom.forms.html_color_picker.enabled

Setzen Sie auf true, um zu aktivieren.

CSS

circle() und ellipse() erlauben farthest-corner und closest-corner Schlüsselwörter

Die Schlüsselwörter farthest-corner und closest-corner können jetzt zur Angabe der Radiuswerte der CSS-Grundformen ellipse() und circle() verwendet werden. (Siehe Firefox-Bug 2037673 für weitere Details.)

layout.css.ellipse-corners.enabled

Setzen Sie auf true, um zu aktivieren.

Hex-Boxen zur Anzeige von Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tab (U+0009), Zeilenumbruch (U+000A), Formularumbruch (U+000C), und Wagenrücklauf (U+000D) als eine Hex-Box, wenn sie nicht erwartet werden. (Siehe Firefox-Bug 1099557 für weitere Details.)

layout.css.control-characters.visible

Setzen Sie auf true, um zu aktivieren.

Eigenschaft initial-letter

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und ermöglicht es Ihnen, festzulegen, wie fallende, angehobene und versenkte Anfangsbuchstaben angezeigt werden. (Siehe Firefox-Bug 1223880 für weitere Details.)

layout.css.initial-letter.enabled

Setzen Sie auf true, um zu aktivieren.

fit-content() Funktion

Die fit-content() Funktion, wie sie auf width und andere Größenangaben angewendet wird. Diese Funktion wird bereits gut für die CSS-Grid-Layout-Spurgrößen unterstützt. (Siehe Firefox-Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Setzen Sie auf true, um zu aktivieren.

Scroll-gesteuerte Animationen

Früher „scroll-verknüpfte Animationen“ genannt, hängt eine scroll-gesteuerte Animation von der Scroll-Position eines Scrollbalkens ab, anstatt von Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschreibweise) ermöglichen es Ihnen, 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 einer Animation zugeordnet werden, indem die animation-timeline Eigenschaft auf den Namen gesetzt wird, der mit scroll-timeline-name definiert wurde.

Wenn Sie die scroll-timeline Kurzschreibweise verwenden, muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Lang- und Kurzschreibweise sind beide hinter der Einstellung verfügbar. Sie können alternativ die scroll() Funktionsschreibweise mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalken-Achse in einem übergeordneten Element für die Zeitachse verwendet wird.

Weitere Informationen finden Sie in den Firefox-Bugs 1807685, 1804573, 1809005, 1676791, 1754897, 1817303 und 1737918.

Die timeline-scope, animation-range-start und animation-range-end Eigenschaften (und die animation-range Kurzschreibweise) werden derzeit noch nicht unterstützt. Weitere Informationen finden Sie in Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

prefers-reduced-transparency Medienmerkmal

Das CSS prefers-reduced-transparency Medienmerkmal ermöglicht es Ihnen zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, die die Menge an transparenten oder durchscheinenden Schichteffekten auf ihrem Gerät minimiert. Siehe (Firefox-Bug 1736914) für weitere Details.

layout.css.prefers-reduced-transparency.enabled

Setzen Sie auf true, um zu aktivieren.

inverted-colors Medienmerkmal

Das CSS inverted-colors Medienmerkmal ermöglicht es Ihnen zu erkennen, ob ein Benutzeragent oder das darunterliegende Betriebssystem Farben invertiert. Siehe (Firefox-Bug 1794628) für weitere Details.

layout.css.inverted-colors.enabled

Setzen Sie auf true, um zu aktivieren.

Eigenschaft benannte Ansicht Fortschrittszeitpläne

Die CSS view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zuzuweisen, der angibt, dass das übergeordnete Scroll-Element die Quelle eines Fortschrittzeitplans 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 übergeordneten Scroll-Elements bewegt. Siehe (Firefox-Bug 1737920) für weitere Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

Anonyme Fortschrittszeitpläne der Ansicht

Die CSS view() Funktion ermöglicht es Ihnen, anzugeben, dass die animation-timeline für ein Element ein Fortschrittszeitplan ist, der das Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scroll-Elements bewegt. Die Funktion definiert die Achse des Elternelements, die die Zeitachse liefert, zusammen mit dem Abstand innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und endet. Siehe (Firefox-Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

Herstellerbevorzugte Transformations-Eigenschaften

Die -moz- präfixierten CSS-Transformations-Eigenschaften können deaktiviert werden, indem die layout.css.prefixes.transforms Einstellung auf false gesetzt wird. Ziel ist es, diese zu deaktivieren, sobald die Standard-CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

Speziell 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

layout.css.prefixes.transforms

Setzen Sie auf true, um zu aktivieren.

Symmetrisches letter-spacing

Die CSS letter-spacing Eigenschaft teilt nun den angegebenen Zeichenabstand 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. Diese Vorgehensweise kann den Textabstand verbessern, insbesondere in Texten mit gemischter Ausrichtung. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Setzen Sie auf true, um zu aktivieren.

Erlauben von Pseudo-Elementen nach Element-gestützten Pseudo-Elementen

Es wurde damit begonnen, das Anfügen von Pseudo-Elementen wie ::first-letter und ::before an elementbasierte Pseudo-Elemente wie ::details-content und ::file-selector-button zu ermöglichen.

Dies erlaubt 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> von type="file" hinzuzufügen, indem der CSS-Selektor ::file-selector-button::before verwendet wird.

Derzeit kann nur die Unterstützung für ::details-content::first-letter unter Verwendung von @supports(::details-content::first-letter) geparst werden. Das Pseudo-Element ::file-selector-button ist noch nicht als Element-basiertes Pseudo-Element markiert, sodass es keine Möglichkeit gibt, dies zu testen. (Firefox-Bug 1953557, Firefox-Bug 1941406).

:heading und :heading() Pseudo-Klassen

Die :heading Pseudo-Klasse ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln anzusprechen. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu stylen, die einer durch Kommas getrennten Liste von Ganzzahlen entsprechen, die den Überschriftsstufen entsprechen. (Firefox-Bug 1974386 & Firefox-Bug 1984310).

layout.css.heading-selector.enabled

Setzen Sie auf true, um zu aktivieren.

@custom-media At-Regel

Die @custom-media CSS At-Regel definiert Aliase für lange oder komplexe Medienabfragen. Anstatt dieselbe festcodierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert und bei Bedarf im gesamten Stylesheet referenziert werden. (Firefox-Bug 1744292).

layout.css.custom-media.enabled

Setzen Sie auf true, um zu aktivieren.

<attr-type> Werte in attr() CSS-Funktion

Die attr() CSS-Funktion unterstützt nun <attr-type> Werte. Dies ermöglicht es Ihnen, anzugeben, wie ein Attributwert in einen CSS-Wert geparst wird, und diese Werte direkt aus data-* zu übernehmen. (Firefox-Bug 1986631, Firefox-Bug 1998245)

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

base-select Wert für appearance CSS-Eigenschaft

Der base-select Wert für die appearance CSS-Eigenschaft, relevant nur für das <select> Element und das ::picker(select) Pseudo-Element, ermöglicht es Ihnen, diese vollständig zu stylen. Derzeit wird nur das Styling des <select> Elements unterstützt. Das Styling des ::picker(select) Pseudo-Elements wird in zukünftigen Versionen hinzugefügt. Diese Funktion ist Teil der Anpassbaren Auswahl-Elemente Arbeit. Zwei Einstellungen müssen aktiviert sein, um dies zu nutzen. (Firefox-Bug 1974787).

dom.select.customizable_select.enabled

Setzen Sie auf true, um zu aktivieren.

layout.css.appearance-base.enabled

Setzen Sie auf true, um zu aktivieren.

Namensraum-Attribute in attr() CSS-Funktion

Die attr() CSS-Funktion akzeptiert nun namensraumbezogene Attribute. Dies ermöglicht es Ihnen, Attribute von Elementen aus XML-basierten Sprachen, wie SVG, zu übernehmen und sie entsprechend zu stylen. (Firefox-Bug 2014060.

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

Absolut positionierte Elemente in Mehrspalten-Containern und beim Drucken

Absolut positionierte Elemente innerhalb von Mehrspalten-Containern und beim Drucken sind jetzt korrekt positioniert und fragmentiert. Dies verbessert die Interoperabilität mit anderen Browsern und verhindert Layout-Probleme wie überlappenden Text oder Inhaltsverlust. (Firefox-Bug 2018797).

layout.abspos.fragmentainer-aware-positioning.enabled

Setzen Sie auf true, um zu aktivieren.

@container style() Bereichssyntax-Abfragen

Die @container CSS-At-Regel style() Abfragen unterstützen jetzt die Bereichssyntax. Dies ermöglicht es Ihnen zu prüfen, ob ein Container eine gültige benutzerdefinierte CSS-Eigenschaft hat und deren Wert mit Vergleichsoperatoren wie >, <, >= und <= zu vergleichen und entsprechend Stile auf ihre Kinder anzuwenden. (Firefox-Bug 2024601).

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

<timeline-range-name> Werte

Die animation-range-start, animation-range-end CSS-Eigenschaften und animation-range Kurzschreibweise unterstützen jetzt <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es Ihnen, genau anzugeben, in welchem Segment eine scroll-gesteuerte Animation stattfinden wird. (Firefox-Bug 1804775).

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

<timeline-range-name> Werte in @keyframes Selektoren

Die @keyframes At-Regel unterstützt jetzt <timeline-range-name> Werte. Diese Werte ermöglichen es Ihnen, das Segment anzugeben, in dem eine scroll-gesteuerte Animation stattfindet. (Firefox-Bug 1824875).

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

Baumzählende CSS-Funktionen

Die sibling-count() und sibling-index() Funktionen werden jetzt unterstützt. Die sibling-count() Funktion gibt die Anzahl der Geschwisterelemente sowie das Element selbst zurück. Die sibling-index() Funktion gibt die Indexnummer des Elements in Bezug auf seine Geschwister zurück, dies beginnt bei 1 und nicht bei 0. (Firefox-Bug 2042063).

layout.css.tree-counting-functions.enabled

Setzen Sie auf true, um zu aktivieren.

Aktualisierung der Attribute externer Ressourcen

Die link-parameters CSS-Eigenschaft und param() CSS-Funktion werden jetzt unterstützt. Dies ermöglicht es dem Benutzer, Attribute externer Ressourcen wie SVGs zu aktualisieren, die ihre Attribute mit der env() CSS-Funktion gesetzt haben. Das bedeutet, dass eine einzelne externe Ressource verwendet werden kann, anstatt mehrere Variationen zu erstellen, die nur unterschiedliche Farben oder andere Werte haben. (Firefox-Bug 2046153).

layout.css.link-parameters.enabled

Setzen Sie auf true, um zu aktivieren.

Inhalte mit line-clamp abschneiden

Die line-clamp CSS-Eigenschaft funktioniert jetzt ohne das -webkit- Herstellerpräfix, obwohl in diesem Stadium die no-ellipsis und <string> Werte nicht unterstützt werden. (Firefox-Bug 2042986).

layout.css.line-clamp.enabled

Setzen Sie auf true, um zu aktivieren.

Prozentwerte für text-decoration-inset

Die text-decoration-inset CSS-Eigenschaft unterstützt jetzt Prozentsätze als Werte. Der Prozentwert gibt die Größe des Einzugs als Prozentsatz der font-size an. (Firefox-Bug 2044602).

layout.css.text-decoration-inset-percentage.enabled

Setzen Sie auf true, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

Deaktivierung von href bei nicht-<a> MathML-Elementen

Wenn aktiviert, erstellt das href globale Attribut keinen Hyperlink mehr bei MathML-Elementen außer <a>, was Firefox mit der MathML Core-Spezifikation in Einklang bringt, die Hyperlinks nur auf dem <a> Element definiert. (Firefox-Bug 2026848).

mathml.href_link_on_non_anchor_element.disabled

Setzen Sie auf true, um zu aktivieren.

JavaScript

TC39 Iterator includes Vorschlag

Die Methode Iterator.prototype.includes() testet, ob eine Iterator-Instanz einen angegebenen Wert erzeugen wird. Der Vergleich verwendet den SameValueZero-Algorithmus. Dieser Algorithmus ist ähnlich wie strikte Gleichheit === (wobei -0 und +0 als gleich angesehen werden), unterscheidet sich jedoch darin, dass NaN als gleich zu sich selbst angesehen wird. (Firefox-Bug 2025779).

javascript.options.experimental.iterator_includes

Setzen Sie auf true, um zu aktivieren.

TC39 Intl.Locale Info Vorschlag

Der TC39 Intl.Locale Info Vorschlag wird jetzt unterstützt. Dies umfasst alle Instanzmethoden auf Intl.Locale, die mit "get" beginnen — Intl.Locale.prototype.getCalendars(), Intl.Locale.prototype.getCollations(), Intl.Locale.prototype.getHourCycles(), Intl.Locale.prototype.getNumberingSystems(), Intl.Locale.prototype.getTextInfo(), Intl.Locale.prototype.getTimeZones(), Intl.Locale.prototype.getWeekInfo(). (Firefox-Bug 1693576).

javascript.options.experimental.intl_locale_info

Setzen Sie auf true, um in Nightly zu aktivieren.

Mehrere Importkarten

Unterstützung für mehrere Importkarten. Diese geben Entwicklern mehr Flexibilität beim Strukturieren und Laden von JavaScript-Modulen, da sie nicht mehr alle ihre Modulzuordnungen im Voraus kennen und sie in einer einzigen Importkarte laden müssen. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Setzen Sie auf true, um zu aktivieren.

APIs

Crash-Reporting

Crash-Berichte können jetzt über die Reporting API an den default-Endpunkt gesendet werden. Beachten Sie, dass Firefox es nicht unterstützt, CrashReportContext im Berichtskorpus bereitzustellen. (Firefox-Bug 2036160).

dom.reporting.crash.enabled

Setzen Sie auf true, um zu aktivieren (standardmäßig in Nightly aktiviert).

Bereichsspezifische benutzerdefinierte Elementregister

Die Unterstützung für bereichsspezifische benutzerdefinierte Elementregister wird implementiert. Bereichsspezifische Register erlauben einen Schattenbaum, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen speziellen DOM-Teilbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Webkomponenten Elemente mit demselben Namen deklarieren.

Die Implementierung umfasst:

• customElementRegistry Eigenschaft auf Document, Element und ShadowRoot. (Firefox-Bug 2018900).

dom.scoped-custom-element-registries.enabled

Setzen Sie auf true, um zu aktivieren.

CSS Typisiertes Objektmodell Level 1

Die CSS Typed Object Model API ist in Nightly implementiert. Dies vereinfacht die Bearbeitung von CSS-Eigenschaften, indem CSS-Werte als typisierte JavaScript-Objekte anstelle von Zeichenfolgen ausgesetzt werden. (Firefox-Bug 1278697).

layout.css.typed-om.enabled

Setzen Sie auf true, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

Wenn diese Einstellung aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im „Entwurfsstatus“ befinden und getestet werden, für die Verwendung aktiviert. Derzeit gibt es keine WebGL-Erweiterungen, die von Firefox getestet werden.

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für das Durchführen von Berechnungen und Grafikwiedergaben mit der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist diese auf Windows in allen Kontexte außer Service-Arbeiter aktiviert. Ab Version 147 ist diese auf macOS auf Apple Silicon in allen Browserkontexten außer Service-Arbeitern aktiviert. Für andere Plattformen wie Linux und macOS auf Intel Silicon ist sie in Nightly aktiviert. Siehe Firefox-Bug 1602129 für unsere Fortschritte bei dieser API.

dom.webgpu.enabled

Setzen Sie auf true, um zu aktivieren (in Nightly und auf Windows in allen Releases aktiviert).

dom.webgpu.service-workers.enabled

Setzen Sie auf true, um zu aktivieren (in Nightly aktiviert).

WebRTC und Medien

Die folgenden experimentellen Funktionen umfassen diejenigen, die in Medien-APIs wie der WebRTC API, der Web Audio API, den Media Source Extensions API, den Encrypted Media Extensions API und den Media Capture and Streams API gefunden werden.

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 nicht mehrere Audio- und Videospuren unterstützt, funktionieren die meisten Anwendungsfälle für diese Eigenschaften nicht, sodass sie beide standardmäßig deaktiviert sind. Siehe Firefox-Bug 1057233 für weitere Details.

media.track.enabled

Setzen Sie auf true, um zu aktivieren.

Asynchrones Hinzufügen und Entfernen von SourceBuffer

Dies fügt die auf Versprechen basierenden Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Medienquellenpuffern zur SourceBuffer Schnittstelle hinzu. Siehe Firefox-Bug 1280613 und Firefox-Bug 778617 für mehr Informationen.

media.mediasource.experimental.enabled

Setzen Sie auf true, um zu aktivieren.

AVIF-Konformitätsstrenge

Die image.avif.compliance_strictness Einstellung kann verwendet werden, um die Strenge zu steuern, die beim Verarbeiten von AVIF Bildern angewendet wird. Dies ermöglicht es Firefox-Benutzern, Bilder anzuzeigen, die in einigen anderen Browsern gerendert werden, selbst wenn sie nicht strikt konform sind.

image.avif.compliance_strictness

Numerischer Wert, der ein Strengeniveau angibt. Zugelassene Werte sind:

• 0: Nachsichtig. Akzeptiere Bilder mit Spezifikationsverletzungen in Empfehlungen ("sollte" Sprache) und Anforderungen ("muss" Sprache), sofern sie sicher oder unmissverständlich interpretiert werden können.
• 1 (Standard): Gemischt. Lehne Verstöße gegen Anforderungen ("muss") ab, erlaube jedoch Verstöße gegen Empfehlungen ("sollte").
• 2: Streng. Lehne jegliche Verletzungen von festgelegten Anforderungen oder Empfehlungen ab.

JPEG XL Unterstützung

Firefox unterstützt das JPEG XL Bildformat, einen modernen Nachfolger von JPEG, der eine verbesserte Komprimierung und Bildqualität sowie neue Funktionen wie Transparenz, Animation und HDR-Unterstützung bietet. Siehe Firefox-Bug 1539075 und Firefox-Bug 2016688 für weitere Details.

In Firefox 149 wurde der frühere C++ JPEG XL Bilddecoder durch eine neue Rust-basierte Implementierung ersetzt, die die jxl-rs Bibliothek verwendet (Firefox-Bug 1986393).

image.jxl.enabled

Setzen Sie auf true, um zu aktivieren.

WebVR API (Deaktiviert)

Die veraltete WebVR API ist auf dem Weg zur Entfernung. Sie ist in allen Builds standardmäßig deaktiviert Firefox-Bug 1750902.

dom.vr.enabled

Setzen Sie auf true, um zu aktivieren.

GeometryUtils Methoden: convertPointFromNode(), convertRectFromNode() und convertQuadFromNode()

Die GeometryUtils Methoden convertPointFromNode(), convertRectFromNode() und convertQuadFromNode() konvertieren den angegebenen Punkt, das Rechteck oder das Quader von dem Node, auf dem sie aufgerufen werden, zu einem anderen Knoten. (Siehe Firefox-Bug 918189 für weitere Details.)

layout.css.convertFromNode.enabled

Setzen Sie auf true, um zu aktivieren.

GeometryUtils Methode: getBoxQuads()

Die GeometryUtils Methode getBoxQuads() gibt die CSS-Boxen für einen Node relativ zu einem anderen Knoten oder einem Viewport zurück. (Siehe Firefox-Bug 917755 für weitere Details.)

layout.css.getBoxQuads.enabled

Setzen Sie auf true, um zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Verarbeitung webbasierter Zahlungen in Web-Inhalten oder Apps. Aufgrund eines Fehlers, der bei der Prüfung der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, die Auslieferung dieser API zu verschieben, während Diskussionen über mögliche Änderungen der API geführt werden. Die Arbeit läuft. (Siehe Firefox-Bug 1318984 für weitere Details.)

dom.payments.request.enabled

Setzen Sie auf true, um zu aktivieren.

dom.payments.request.supportedRegions

Ländercodes als kommagetrennte Zulassungsliste 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. Dieses Feature ist auf Android in allen Builds aktiviert, aber auf Desktop hinter einer Einstellung (sofern unten nicht anders angegeben).

dom.webshare.enabled

Setzen Sie auf true, um zu aktivieren.

Notifications API

Benachrichtigungen haben die requireInteraction Eigenschaft standardmäßig auf Windows-Systemen und in der Nightly-Version (Firefox-Bug 1794475) gesetzt.

dom.webnotifications.requireinteraction.enabled

Setzen Sie auf true, um zu aktivieren.

Sicherheit und Datenschutz

Kennzeichnung unsicherer Seiten

Die beiden security.insecure_connection_text_* Einstellungen fügen bei einem unsicheren Laden einer Seite (das heißt, unter Verwendung von HTTP anstatt HTTPS) ein "Nicht sicher" Textlabel in der Adressleiste neben dem traditionellen Schlosssymbol hinzu. Die browser.urlbar.trimHttps Einstellung kürzt das https: Präfix aus URLs in der Adressleiste. Siehe Firefox-Bug 1853418 für weitere Details.

security.insecure_connection_text.enabled

Setzen Sie auf true, um das Textlabel für den normalen Browsing-Modus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Setzen Sie auf true, um das Textlabel für den privaten Browsing-Modus zu aktivieren.

browser.urlbar.trimHttps

Setzen Sie auf true, um das https: Präfix aus URLs in der Adressleiste zu kürzen.

Beschränkung von Inhalten für Erwachsene mit <meta name="rating">

Das nicht standardmäßige <meta name="rating"> Element kann auf einer Webseite enthalten sein, um den Inhalt der Seite als eingeschränkt/erwachsen zu kennzeichnen. Zum Zeitpunkt des Schreibens gibt es zwei mögliche content Werte, adult (definiert von Google) und RTA-5042-1996-1400-1577-RTA (definiert von ASACP), die die gleiche Wirkung haben (mehr Optionen könnten 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 benutzerbezogene Inhalte einzuschränken. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt auf about:restricted, der dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzuzeigen, erklärt, warum er sie nicht anzeigen kann, und gibt ihm eine Zurück-Schaltfläche, um zurückzukehren, von wo er kam.

Siehe Firefox-Bug 1991135 für weitere Details.

security.restrict_to_adults.always

Setzen Sie auf true, um den Zugriff auf Webseiten, die sich als Erwachseneninhalte selbst identifizieren, zu beschränken, indem ein <meta name="rating"> Element enthalten wird.

security.restrict_to_adults.respect_platform

Setzen Sie auf true, um den Zugriff auf Webseiten, die sich als Erwachseneninhalte selbst identifizieren, zu beschränken, indem ein <meta name="rating"> Element enthalten wird, nur wenn geeignete Kindersicherungseinstellungen im darunterliegenden Betriebssystem gesetzt sind (zum Beispiel sind die macOS Inhalts- & Datenschutz Einstellungen auf die Einschränkung von expliziten Webinhalten gesetzt).

Berechtigungsrichtlinie / Funktionsrichtlinie

Berechtigungsrichtlinie ermöglicht es Webentwicklern, selektiv bestimmte Funktionen und APIs im Browser zu aktivieren, zu deaktivieren und das Verhalten zu ändern. Es ist ähnlich wie CSP, aber es steuert Funktionen anstatt Sicherheitsverhalten. Dies wird in Firefox als Funktionsrichtlinie implementiert, dem Namen, der in einer früheren Version der Spezifikation verwendet wurde.

Beachten Sie, dass unterstützte Richtlinien über das allow Attribut auf <iframe> Elementen gesetzt werden können, auch wenn die Benutzereinstellung nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Setzen Sie auf true, um zu aktivieren.

Datenschutzfreundliche Attributions-API (PPA)

PPA API bietet eine Alternative zum Benutzertracking für die Werbeattribution unter Verwendung des neuen navigator.privateAttribution Objekts mit saveImpression() und measureConversion() Methoden. Lesen Sie mehr über PPA in der ursprünglichen Erklärung und der vorgeschlagenen Spezifikation. Dieses Experiment kann für Websites über Origin-Trial oder im Browser aktiviert werden, indem die Einstellung auf 1 gesetzt wird. (Firefox-Bug 1900929).

dom.origin-trials.private-attribution.state

Setzen Sie auf true, um zu aktivieren.

HTTP

Integritätsrichtlinie für Stylesheet-Ressourcen

Die Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden jetzt für Style-Ressourcen unterstützt. Diese erlauben es Websites entweder, Subressourcen-Integritätsgarantien für Styles zu erzwingen oder nur Verletzungen der Richtlinie zu melden. Beachten Sie, dass Firefox Meldeendpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Styles, die in einem <link> Element mit rel="stylesheet" referenziert werden, die entweder das integrity Attribut fehlen oder einen Integritätshash haben, der nicht mit der Ressource auf dem Server übereinstimmt. (Firefox-Bug 1976656).

security.integrity_policy.stylesheet.enabled

Setzen Sie auf true, um zu aktivieren.

Idempotency-Key

Der Idempotency-Key HTTP-Anforderungsheader kann von Website-Client-Code verwendet werden, um eine POST oder PATCH Anfrage idempotent zu machen, wenn er mit einem Server verwendet wird, der ihn unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und anzeigen sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und erwartete Fehlermeldungen.

Firefox fügt dem Header automatisch einen einzigartigen Schlüssel für jede neue POST Anfrage hinzu, wenn er noch nicht von der clientseitigen Seite hinzugefügt wurde. Dies vereinfacht den clientseitigen Code, der erforderlich ist, um mit Servern zu arbeiten, die die Funktion unterstützen.

(Firefox-Bug 1830022).

network.http.idempotencyKey.enabled

Setzen Sie auf true, um zu aktivieren.

Accept-Header mit MIME-Typ image/jxl

Der HTTP Accept Header in Standardanforderungen und Bildanforderungen kann über eine Einstellung konfiguriert werden, um die Unterstützung für den image/jxl MIME-Typ anzuzeigen.

image.jxl.enabled

Setzen Sie auf true, um zu aktivieren.

SameSite=Lax standardmäßig

SameSite Cookies haben einen Standardwert von Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht jedoch für untergeordnete Anfragen von Dritten, um Bilder oder Frames zu laden und so weiter. Für weitere Details siehe Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Setzen Sie auf true, um zu aktivieren.

Access-Control-Allow-Headers-Wildcard deckt nicht Authorisierung ab

Die Access-Control-Allow-Headers ist ein Antwortheader auf eine CORS-Vorab-Anfrage, die angibt, welche Anforderungsheader in die endgültige Anfrage aufgenommen werden dürfen. Die Antwortanweisung kann einen Wildcard (*) enthalten, der anzeigt, dass die endgültige Anfrage alle Header außer dem Authorization Header enthalten kann.

Standardmäßig enthält Firefox den Authorization Header in der endgültigen Anfrage nach Erhalt einer Antwort mit Access-Control-Allow-Headers: *. Setzen Sie die Einstellung auf false, um sicherzustellen, dass Firefox den Authorization Header nicht einbezieht. Für weitere Details siehe Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Setzen Sie auf true, um 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 einfließen lassen. Die unten aufgeführten Funktionen sind die aktuelle Ernte experimenteller Entwicklerwerkzeugfunktionen.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

• Firefox Entwickler-Version Anmerkungen
• Firefox Nightly
• Firefox Developer Edition