Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dadurch wird ein Suchfeld ein Löschsymbol haben, sobald jemand anfängt, darin zu tippen, um andere Browser-Implementierungen anzupassen. (Siehe Firefox-Bug 558594 für mehr Details.)

layout.forms.input-type-search.enabled

Setzen Sie auf true, um zu aktivieren.

Passwortanzeige umschalten

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

layout.forms.reveal-password-button.enabled

Setzen Sie auf true, um zu aktivieren.

Zeit-Auswahl in datetime-local und time Eingabeelementen

Die HTML-Elemente <input type="datetime-local"> und <input type="time"> unterstützen eine Zeitauswahl. (Firefox-Bug 1726108).

dom.forms.datetime.timepicker

Setzen Sie auf true, um zu aktivieren.

alpha und colorspace Attribute in color Eingabeelementen

Das HTML-Element <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

Hex-Felder zur Anzeige von Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tab (U+0009), Zeilenumbruch (U+000A), Formfeed (U+000C) und Wagenrücklauf (U+000D) als Hex-Feld, wenn sie unerwartet sind. (Siehe Firefox-Bug 1099557 für mehr Details.)

layout.css.control-characters.visible

Setzen Sie auf true, um zu aktivieren.

initial-letter Eigenschaft

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und erlaubt es, festzulegen, wie Initialbuchstaben angezeigt werden, die fallen gelassen, angehoben oder vertieft sind. (Siehe Firefox-Bug 1223880 für mehr 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ößenbestimmungseigenschaften angewendet wird. Diese Funktion wird bereits gut für CSS Grid Layout-Spurgrößen unterstützt. (Siehe Firefox-Bug 1312588 für mehr Details.)

layout.css.fit-content-function.enabled

Setzen Sie auf true, um zu aktivieren.

Scroll-gesteuerte Animationen

Früher als "scroll-verknüpfte Animationen" bezeichnet, hängt eine scroll-gesteuerte Animation von der Scrollposition eines Scrollbalkens statt von der Zeit oder einer anderen Dimension ab. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschreibweise) erlauben 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-Zeitleiste kann dann mit einer Animation verknüpft werden, indem die animation-timeline Eigenschaft auf den Name-Wert gesetzt wird, der mit scroll-timeline-name definiert ist.

Bei Verwendung der scroll-timeline Kurzschreibweise muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Langschrift- und Kurzschrifteigenschaften sind beide hinter der Präferenz verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzuzeigen, dass eine Scrollbalkenachse in einer Vorfahrelement für die Zeitleiste verwendet wird.

Für weitere Informationen siehe Firefox-Bug 1807685, Firefox-Bug 1804573, Firefox-Bug 1809005, Firefox-Bug 1676791, Firefox-Bug 1754897, Firefox-Bug 1817303, und Firefox-Bug 1737918.

Die timeline-scope, animation-range-start und animation-range-end Eigenschaften (und die animation-range Kurzschreibweise) werden noch nicht unterstützt. Für weitere Informationen siehe Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

prefers-reduced-transparency Media-Feature

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

layout.css.prefers-reduced-transparency.enabled

Setzen Sie auf true, um zu aktivieren.

inverted-colors Media-Feature

Das CSS inverted-colors Media-Feature ermöglicht es Ihnen zu erkennen, ob ein User-Agent oder das zugrunde liegende Betriebssystem Farben invertiert. Siehe (Firefox-Bug 1794628) für mehr Details.

layout.css.inverted-colors.enabled

Setzen Sie auf true, um zu aktivieren.

Named view progress timelines Eigenschaft

Die CSS view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, der angibt, dass das Scroll-Element seines Vorfahren die Quelle einer View-Progress-Zeitleiste ist. Der Name kann dann der animation-timeline zugewiesen werden, die dann das zugehörige Element animiert, wenn es sich durch den sichtbaren Bereich seines Vorfahren-Scrollers bewegt. Siehe (Firefox-Bug 1737920) für mehr Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

Anonyme view progress timelines Funktion

Die CSS view() Funktion ermöglicht es Ihnen, anzugeben, dass die animation-timeline eines Elements eine View-Progress-Zeitleiste ist, die das Element animiert, wenn es sich durch den sichtbaren Bereich seines Vorfahren-Scrollers bewegt. Die Funktion definiert die Achse des Elternelements, das die Zeitleiste liefert, sowie den Ausschnitt innerhalb des sichtbaren Bereichs, bei dem die Animation beginnt und endet. Siehe (Firefox-Bug 1808410) für mehr Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

Anbieterpräfix-transform Eigenschaft

Die -moz--präfixierten CSS transform Eigenschaften können deaktiviert werden, indem die layout.css.prefixes.transforms Präferenz auf false gesetzt wird. Die Absicht ist, diese zu deaktivieren, sobald die standardmäßigen CSS-Zoomeigenschaften gut unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

Insbesondere wird diese Präferenz die folgenden präfixierten Eigenschaften deaktivieren:

• -moz-backface-visibility
• -moz-perspective
• -moz-perspective-origin
• -moz-transform
• -moz-transform-origin
• -moz-transform-style

layout.css.prefixes.transforms

Setzen Sie auf true, um zu aktivieren.

Symmetrisches letter-spacing

Das CSS letter-spacing-Eigenschaft teilt jetzt das spezifizierte Zeichenabstand gleichmäßig auf beiden Seiten jedes Zeichens auf. Dies unterscheidet sich vom aktuellen Verhalten, bei dem Abstand hauptsächlich auf einer Seite hinzugefügt wird. Dieser Ansatz kann besonders in gemischt-richtungsweisendem Text die Lesbarkeit verbessern. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Setzen Sie auf true, um zu aktivieren.

Erlauben von Pseudo-Elementen nach elementbasierten Pseudo-Elementen

Es wurde damit begonnen, die Unterstützung für das Hinzufügen von Pseudo-Elementen wie ::first-letter und ::before zu elementbasierten Pseudo-Elementen wie ::details-content und ::file-selector-button zu ermöglichen.

Dies erlaubt es Anwendern, beispielsweise das erste Zeichen eines <details>-Elements mit dem CSS-Selektor ::details-content::first-letter zu formatieren oder vor einem <input> vom type="file" mit dem CSS-Selektor ::file-selector-button::before Inhalt hinzuzufügen.

Aktuell kann nur die Unterstützung für ::details-content::first-letter geparst werden, indem @supports(::details-content::first-letter) verwendet wird. Das ::file-selector-button Pseudo-Element ist noch nicht als elementbasiertes 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 formatieren, anstatt sie einzeln anzusprechen. Die :heading() funktionale Pseudo-Klasse erlaubt es Ihnen, Überschriftselemente zu formatieren, die einer kommaseparierten Liste von ganzen Zahlen entsprechen, die den Überschriftsebenen 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 hartcodierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert und überall im Stylesheet bei Bedarf 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 jetzt <attr-type> Werte. Dies ermöglicht es Ihnen festzulegen, 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 die appearance CSS-Eigenschaft

Der base-select Wert für die appearance CSS-Eigenschaft, die nur für das <select> Element und das ::picker(select) Pseudo-Element relevant ist, ermöglicht es Ihnen, diese vollständig zu stylen. Derzeit wird nur das Styling des <select> Elements unterstützt. Die Formatierung des ::picker(select) Pseudo-Elements wird in künftigen Versionen hinzugefügt. Diese Funktion ist Teil der Arbeit an anpassbaren Auswahl-Elementen. Zwei Präferenzen müssen aktiviert werden, um sie zu verwenden. (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.

Namespaced Attribute in der attr() CSS-Funktion

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

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

Absolut positionierte Elemente in Multispalten-Containern und beim Drucken

Absolut positionierte Elemente in Multispalten-Containern und beim Drucken werden jetzt korrekt positioniert und fragmentiert. Dies verbessert die Interoperabilität mit anderen Browsern und verhindert Layoutprobleme wie überlappenden Text oder Inhaltsverlust. (Firefox-Bug 2018797).

layout.css.abspos.fragmentainer-aware-positioning.enabled

Setzen Sie auf true, um zu aktivieren.

@container style() Bereichs-Syntaxabfragen

Die @container CSS At-Regel style() Abfragen unterstützen jetzt die Bereichs-Syntax. Dies ermöglicht es Ihnen zu überprüfen, ob ein Container über eine gültige CSS benutzerdefinierte Eigenschaft verfügt und ihren Wert mit Vergleichsoperatoren wie >, <, >= und <= abzugleichen und entsprechende Stile auf seine Kinder anzuwenden. (Firefox-Bug 2024601).

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

Korrektur für verschachtelte scrollbare Bereiche

Diese Implementierung wurde hinzugefügt, um ein Problem zu beheben, bei dem scrollbare Inhalte unerreichbar waren. Wenn ein Scrollbalken auf display: none; oder width: 0; eingestellt ist, würden die Scrollbalken verschachtelter scrollbarer Bereiche übereinander gestapelt, was bedeutet, dass einige der Inhalte möglicherweise unerreichbar sind. Dies bedeutet jedoch, dass die @supports selector(::-webkit-scrollbar) Prüfung true zurückgibt, selbst wenn das ::-webkit-scrollbar Pseudo-Element nicht wirklich unterstützt wird. (Firefox-Bug 1977511).

layout.css.fake-webkit-scrollbar.enabled

Setzen Sie auf true, um zu aktivieren.

<timeline-range-name> Werte

Die CSS-Eigenschaften animation-range-start, animation-range-end und die Kurzschreibweise animation-range unterstützen jetzt <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es Ihnen präzise 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, innerhalb dessen 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 Funktionen sibling-count() und sibling-index() werden jetzt unterstützt. Die sibling-count() Funktion gibt die Anzahl der Geschwister-Elemente sowie das Element selbst zurück. Die sibling-index() Funktion gibt die Indexnummer des Elements im Verhältnis zu seinen Geschwistern zurück, beginnend bei 1 und nicht 0. (Firefox-Bug 2042063).

layout.css.tree-counting-functions.enabled

Setzen Sie auf true, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

href auf nicht-<a> MathML-Elementen deaktivieren

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

mathml.href_link_on_non_anchor_element.disabled

Setzen Sie auf true, um zu aktivieren.

JavaScript

TC39 Iterator enthält Vorschlag

Die Methode Iterator.prototype.includes() testet, ob eine Iterator-Instanz einen angegebenen Wert erzeugen wird. Der Vergleich erfolgt mit dem SameValueZero-Algorithmus. Dieser Algorithmus ist ähnlich der strikten Gleichheit === (wobei -0 und +0 als gleich betrachtet werden), unterscheidet sich jedoch dadurch, dass NaN als gleich sich selbst angesehen wird. (Firefox-Bug 2025779).

javascript.options.experimental.iterator_includes

Setzen Sie auf true, um zu aktivieren.

Textmodulimport

Die with-Klausel { type: "text" } erlaubt den Import der Quelldatei eines Moduls als String-Wert. Der Medientyp der Antwort wird ignoriert, und der Inhalt wird als Text geparst, selbst wenn der Quelltext Skripte oder anderen ausführbaren Code enthält. (Firefox-Bug 2024854).

javascript.options.experimental.import_text

Setzen Sie auf true, um zu aktivieren.

Mehrere Import-Maps

Unterstützung für mehrere Import-Maps. Diese geben Entwicklern mehr Flexibilität bei der Strukturierung und dem Laden von JavaScript-Modulen, da sie nicht mehr alle ihre Module-Mappings im Voraus kennen und in einem einzigen Import-Map laden müssen. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Setzen Sie auf true, um zu aktivieren.

APIs

Absturzberichterstattung

Absturzberichte können jetzt über die Reporting API an den default Endpunkt gesendet werden. Beachten Sie, dass Firefox das Bereitstellen von CrashReportContext im Berichtskörper nicht unterstützt. (Firefox-Bug 2036160).

dom.reporting.crash.enabled

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

Scoped Custom Element Registries

Unterstützung für scoped custom element registries wird implementiert. Scoped Registries erlauben es einem Shadow-Baum, eine unabhängige CustomElementRegistry zu erstellen, deren Definitionen nur für diesen spezifischen DOM-Teilbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Web-Komponenten 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 Typed Object Model Level 1

Es wurde daran gearbeitet, die Unterstützung für das CSS Typed OM Level 1 zu implementieren. Zum Beispiel wird die to() Methode der CSSNumericValue Schnittstelle zur Umwandlung eines CSS-zahlenmäßigen Werts von einer Einheit in eine andere unterstützt. (Firefox-Bug 1278697).

layout.css.typed-om.enabled

Setzen Sie auf true, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

Wenn diese Präferenz aktiviert ist, werden alle WebGL-Erweiterungen, die sich aktuell im "Entwurf" Status befinden und getestet werden, zur Nutzung aktiviert. Derzeit werden von Firefox keine WebGL-Erweiterungen getestet.

WebGPU API

Die WebGPU API bietet niedrigstufige Unterstützung für die Berechnung und Grafikdarstellung mithilfe der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist diese Funktion auf Windows in allen Kontexten außer Service-Workern aktiviert. Ab Version 147 ist diese Funktion auf macOS auf Apple Silicon in allen Browser-Kontexten außer Service-Workern aktiviert. Für andere Plattformen wie Linux und macOS auf Intel Silicon ist es in Nightly aktiviert. Siehe Firefox-Bug 1602129 für unseren Fortschritt bei dieser API.

dom.webgpu.enabled

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

dom.webgpu.service-workers.enabled

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

WebRTC und Medien

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

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Durch Aktivieren dieser Funktion werden die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks zu allen HTML-Medienelementen hinzugefügt. Da Firefox jedoch derzeit keine Unterstützung für mehrere Audio- und Video-Spuren bietet, funktionieren die gebräuchlichsten Anwendungsfälle für diese Eigenschaften nicht, sodass sie standardmäßig deaktiviert sind. Weitere Informationen finden Sie unter Firefox-Bug 1057233.

media.track.enabled

Setzen Sie auf true, um zu aktivieren.

Asynchrone SourceBuffer Hinzufügung und Entfernung

Dies fügt die auf Versprechen basierenden Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Medienquellenpuffern zur bzw. von der SourceBuffer Schnittstelle hinzu. Weitere Informationen finden Sie bei Firefox-Bug 1280613 und Firefox-Bug 778617.

media.mediasource.experimental.enabled

Setzen Sie auf true, um zu aktivieren.

AVIF-Konsistenzen zu Härtegrad

Die Präferenz image.avif.compliance_strictness kann verwendet werden, um den Härtegrad zu steuern, der beim Verarbeiten von AVIF-Bildern angewendet wird. Dies ermöglicht es Firefox-Benutzern, Bilder anzuzeigen, die in anderen Browsern gerendert werden, auch wenn sie nicht strikt konform sind.

image.avif.compliance_strictness

Numerischer Wert, der einen Härtegrad angibt. Zulässige Werte sind:

• 0: Einwilligend. Akzeptiere Bilder mit Verstößen gegen Spezifikationen sowohl bei Empfehlungen ("sollte"-Sprache) als auch bei Anforderungen ("muss"-Sprache), sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standardwert): Gemischt. Verweigere Verstöße gegen Anforderungen ("muss"), erlaube jedoch Verstöße gegen Empfehlungen ("sollte").
• 2: Strikt. Verweigere Verstöße gegen spezifizierte Anforderungen oder Empfehlungen.

JPEG XL Unterstützung

Firefox unterstützt das JPEG XL Bildformat, einen modernen Nachfolger von JPEG, der verbesserte Kompression und Bildqualität bietet sowie neue Funktionen wie Transparenz, Animation und HDR-Unterstützung. Weitere Informationen finden Sie unter Firefox-Bug 1539075 und Firefox-Bug 2016688.

In Firefox 149 wurde der bisherige 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 standardmäßig in allen Builds 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() übertragen den gegebenen Punkt, das Rechteck oder das Viereck von dem Node, auf dem sie aufgerufen werden, auf einen anderen Knoten. (Siehe Firefox-Bug 918189 für mehr Details.)

layout.css.convertFromNode.enabled

Setzen Sie auf true, um zu aktivieren.

GeometryUtils Methode: getBoxQuads()

Die GeometryUtils-Methode getBoxQuads() liefert die CSS-Boxen für einen Node relativ zu einem anderen Knoten oder Ansichtsfenster. (Siehe Firefox-Bug 917755 für mehr Details.)

layout.css.getBoxQuads.enabled

Setzen Sie auf true, um zu aktivieren.

Payment Request API

Hauptzahlungshandhabung

Die Payment Request API bietet Unterstützung für die Abwicklung webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während der Testphase 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 weiter. (Siehe Firefox-Bug 1318984 für mehr Details.)

dom.payments.request.enabled

Setzen Sie auf true, um zu aktivieren.

dom.payments.request.supportedRegions

Ländercodes als kommaseparierte Positivliste von Regionen (z. B. US,CA).

WebShare API

Die Web Share API ermöglicht das Teilen von Dateien, URLs und anderen Daten von einer Website. Diese Funktion ist auf Android in allen Builds aktiviert, aber auf dem Desktop hinter einer Präferenz (sofern unten nicht anders angegeben).

dom.webshare.enabled

Setzen Sie auf true, um zu aktivieren.

Benachrichtigungen API

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

dom.webnotifications.requireinteraction.enabled

Setzen Sie auf true, um zu aktivieren.

Sicherheit und Datenschutz

Kennzeichnung unsicherer Seiten

Die beiden security.insecure_connection_text_* Präferenzen fügen einen "Nicht sicher"-Text im Adressfeld neben dem traditionellen Schlosssymbol hinzu, wenn eine Seite unsicher geladen wird (d.h. mit HTTP anstelle von HTTPS). Die browser.urlbar.trimHttps Präferenz kürzt das https: Präfix aus den URLs in der Adressleiste. Siehe Firefox-Bug 1853418 für mehr 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 von URLs in der Adressleiste zu kürzen.

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

Das nicht standardisierte <meta name="rating"> Element kann auf einer Webseite enthalten sein, um den Inhalt der Seite als beschrä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 (weitere Optionen können in Zukunft hinzugefügt werden).

Die folgenden <meta>-Elemente sind gleichwertig:

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

Browser, die dieses Element erkennen, können dann Schritte unternehmen, um Benutzer daran zu hindern, den Inhalt anzusehen. Die Implementierung in Firefox ersetzt die Seite durch den Inhalt unter about:restricted, der dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzuzeigen, erklärt, warum er diese nicht ansehen kann, und gibt ihm eine Zurück-Schaltfläche, um zur vorherigen Seite zurückzukehren.

Siehe Firefox-Bug 1991135 für mehr Details.

security.restrict_to_adults.always

Setzen Sie auf true, um den Zugriff auf Webseiten einzuschränken, die sich selbst als Erwachsene kennzeichnen, indem sie ein <meta name="rating"> Element enthalten.

security.restrict_to_adults.respect_platform

Setzen Sie auf true, um den Zugriff auf Webseiten einzuschränken, die sich selbst als Erwachsene kennzeichnen, nur wenn geeignete Kindersicherungen auf dem zugrunde liegenden Betriebssystem gesetzt sind (z. B., wenn die Inhalt & Datenschutz-Einstellungen auf macOS gesetzt sind, um explizite Webinhalte einzuschränken).

Berechtigungs-Politik / Feature-Politik

Permissions Policy erlaubt es Webentwicklern, die Aktivierung, Deaktivierung und Änderung des Verhaltens bestimmter Funktionen und APIs im Browser selektiv zu steuern. Es ist ähnlich wie CSP, steuert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies ist in Firefox als Feature-Policy implementiert, der Name, der in einer früheren Version der Spezifikation verwendet wurde.

Beachten Sie, dass unterstützte Richtlinien über das allow Attribut bei <iframe> Elementen festgelegt werden können, auch wenn die Benutzerpräferenz nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Setzen Sie auf true, um zu aktivieren.

Privatsphärenwahrende Attributions-API (PPA)

Die PPA API bietet eine Alternative zur Benutzerverfolgung für die Attribuierung von Anzeigen mit dem neuen navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über die PPA im ursprünglichen Erläuterer und in der vorgeschlagenen Spezifikation. Dieses Experiment kann für Websites über Origin Trial oder im Browser durch Einstellen der Präferenz auf 1 aktiviert werden. (Firefox-Bug 1900929).

dom.origin-trials.private-attribution.state

Setzen Sie auf true, um zu aktivieren.

HTTP

Integritätspolitik für Stylesheet-Ressourcen

Die HTTP-Header Integrity-Policy und Integrity-Policy-Report-Only werden jetzt für Stilressourcen unterstützt. Diese ermöglichen es Webseiten, entweder zu erzwingen Subressourcen-Integritätsgarantien für Stile oder nur Verstöße gegen die Politik zu melden. Beachten Sie, dass Firefox Berichts-Endpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Stilen, die in einem <link> Element mit rel="stylesheet" referenziert 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-Anforderungs-Header kann vom Webseitencode dazu verwendet werden, um POST oder PATCH Anfragen idempotent zu machen, wenn er zusammen mit einem Server verwendet wird, der dies unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und bekannt machen sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und die zu erwartenden Fehlerantworten.

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST-Anfrage hinzu, wenn er nicht bereits vom Client-Seitencode der Seite hinzugefügt wurde. Dies vereinfacht den erforderlichen Client-Seitencode, 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 Standardanfragen und Bildanfragen kann über eine Präferenz so konfiguriert werden, dass er Unterstützung für den image/jxl MIME-Typ anzeigt.

image.jxl.enabled

Setzen Sie auf true, um zu aktivieren.

SameSite=Lax standardmäßig

SameSite Cookies haben standardmäßig den Wert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungssite navigiert, nicht jedoch für standortübergreifende Unteranfragen, um Bilder oder Frames in eine Drittanbieter-Site zu laden und so weiter. Weitere Details finden Sie unter Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Setzen Sie auf true, um zu aktivieren.

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

Der Access-Control-Allow-Headers ist ein Antwort-Header auf eine CORS-Voranfrage, die angibt, welche Anforderungs-Header in der endgültigen Anfrage enthalten sein dürfen. Die Antwort-Direktive kann ein Wildcard (*) enthalten, was bedeutet, 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: * erhalten wurde. Setzen Sie die Präferenz auf false, um sicherzustellen, dass Firefox den Authorization Header nicht enthält. Weitere Details finden Sie unter Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Setzen Sie auf true, um zu aktivieren.

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 sie in die Beta- und Release-Version übergehen. Die folgenden Funktionen sind die aktuellen experimentellen Funktionen der Entwicklerwerkzeuge.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

• Firefox Entwickler-Release-Notizen
• Firefox Nightly
• Firefox Developer Edition