Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dadurch verfügt ein Suchfeld über ein Löschsymbol, sobald jemand mit dem Tippen beginnt, um Implementierungen anderer Browser zu entsprechen. (Siehe Firefox-Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Umschalten der Passwortanzeige

HTML-Passworteingabeelemente (<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 den Wert auf true, um zu aktivieren.

Zeitpicker in datetime-local und time Eingabeelementen

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

dom.forms.datetime.timepicker

Setzen Sie den Wert auf true, um zu aktivieren.

alpha und colorspace Attribute in color Eingabeelementen

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

dom.forms.html_color_picker.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

CSS

Hex-Boxen zur Darstellung streunender Steuerzeichen

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

layout.css.control-characters.visible

Setzen Sie den Wert auf true, um zu aktivieren.

initial-letter Eigenschaft

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und erlaubt es Ihnen, die Anzeige von hängenden, erhöhten und versunkenen Initialbuchstaben zu steuern. (Siehe Firefox Bug 1223880 für weitere Details.)

layout.css.initial-letter.enabled

Setzen Sie den Wert 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 für CSS Grid Layout Track-Sizing bereits gut unterstützt. (Siehe Firefox Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Scroll-abhängige Animationen

Früher "scroll-verknüpfte Animationen" genannt, hängt eine scroll-abhängige Animation von der Position eines Scrollbalkens ab, anstatt von der Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschreibweise) ermöglichen es Ihnen, zu spezifizieren, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scroll-abhängige Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation verbunden werden, indem die animation-timeline Eigenschaft auf den Namen gesetzt wird, der mit scroll-timeline-name definiert wurde.

Bei der Verwendung der scroll-timeline Kurzschreibweise muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Langform- und Kurzform-Eigenschaften sind beide hinter der Einstellung verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzuzeigen, dass eine Scrollbalkenachse in einem übergeordneten Element für die Zeitleiste verwendet wird.

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

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

layout.css.scroll-driven-animations.enabled

Setzen Sie den Wert 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, um die Menge der transparenten oder durchscheinenden Schichteffekte auf seinem Gerät zu minimieren. Weitere Informationen finden Sie in Firefox Bug 1736914.

layout.css.prefers-reduced-transparency.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

inverted-colors Medienmerkmal

Das CSS inverted-colors Medienmerkmal ermöglicht es Ihnen zu erkennen, ob ein Benutzeragent oder das zugrunde liegende Betriebssystem Farben invertiert. Weitere Informationen finden Sie in Firefox Bug 1794628.

layout.css.inverted-colors.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Named view progress timelines Eigenschaft

Die CSS-Eigenschaft view-timeline-name ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, der identifiziert, dass das Vorfahren-Scroller-Element die Quelle einer Ansicht-Fortschritt-Zeitleiste 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 Vorfahren-Scrollers bewegt. Weitere Informationen finden Sie in Firefox Bug 1737920.

layout.css.scroll-driven-animations.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Anonyme view progress timelines Funktion

Die CSS-Funktion view() ermöglicht es Ihnen anzugeben, 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 übergeordneten Elements, das die Zeitleiste liefert, zusammen mit dem Einsatz innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und beginnt. Weitere Informationen finden Sie in Firefox Bug 1808410.

layout.css.scroll-driven-animations.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Anbieterpräfix-Transformations-Eigenschaften

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

Insbesondere deaktiviert diese Einstellung die folgenden vorgeprägten Eigenschaften:

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

layout.css.prefixes.transforms

Setzen Sie den Wert auf true, um zu aktivieren.

Relative Steuerpunkte in CSS shape() Kurvenbefehlen

Sie können <relative-control-point> Werte verwenden, wenn Sie einen <curve-command> oder <smooth-command> in einer CSS shape() Funktion angeben. Diese Werte ermöglichen es Ihnen, Steuerpunkte anzugeben, die relativ zum Start- oder Endpunkt des aktuellen Befehls oder relativ zum Ursprung (oben-links) des Containers positioniert sind, in dem die Form gezeichnet wird. (Firefox Bug 1921501).

layout.css.basic-shape-shape.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Symmetrisches letter-spacing

Die CSS letter-spacing Eigenschaft teilt nun den angegebenen Buchstabenabstand gleichmäßig auf beiden Seiten jedes Zeichens auf. Dies unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich auf einer Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand verbessern, insbesondere bei gemischt-richtungale Texten. (Firefox Bug 1891446).

layout.css.letter-spacing.model

Setzen Sie den Wert auf true, um zu aktivieren.

calc() Farbkanalunterstützung in relativen Farben

Die CSS calc() Funktion kann nun Farbkanäle in relativen Farben analysieren, so dass Sie Änderungen an Farben in verschiedenen Farbräumen oder bei der Verwendung verschiedener funktioneller Notationen korrekt berechnen können Firefox Bug 1889561.

layout.css.relative-color-syntax.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Pseudo-Elemente nach element-gestützten Pseudo-Elementen zulassen

Die Arbeit hat begonnen, Pseudo-Elemente wie ::first-letter und ::before zu ermöglichen, die an element-gestützte Pseudo-Elemente wie ::details-content und ::file-selector-button angehängt werden können.

Dadurch können Benutzer zum Beispiel den ersten Buchstaben des <details> Elements durch die Verwendung des CSS-Selektors ::details-content::first-letter oder Inhalt vor einem <input> von type="file" mit dem CSS-Selektor ::file-selector-button::before hinzufügen.

Derzeit kann nur die Unterstützung für ::details-content::first-letter durch @supports(::details-content::first-letter) analysiert werden. Das ::file-selector-button Pseudo-Element ist noch nicht als element-basierte Pseudo-Element gekennzeichnet, daher gibt es keine Möglichkeit, 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 funktionale Pseudo-Klasse :heading() ermöglicht es Ihnen, Überschriftselemente zu stylen, die mit einer kommagetrennten Liste von Ganzzahlen übereinstimmen, die die Überschriftenebenen angeben. (Firefox Bug 1974386 & Firefox Bug 1984310).

layout.css.heading-selector.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

text-decoration-trim

Die CSS-Eigenschaft text-decoration-trim ermöglicht es Ihnen, text-decoration Anfangs- und Endversätze anzugeben, um Textdekorationen mit Bezug auf den Text zu verkürzen, zu verlängern oder zu verschieben (Firefox Bug 1979915).

layout.css.text-decoration-trim.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

@custom-media At-Regel

Die @custom-media CSS At-Regel definiert Aliase für lange oder komplexe Media-Queries. Anstatt die gleiche fest codierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert und überall im Stylesheet referenziert werden, wann immer sie benötigt wird. (Firefox Bug 1744292).

layout.css.custom-media.enabled

Setzen Sie den Wert 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 anzugeben, wie ein Attributwert in einen CSS-Wert analysiert wird und diese Werte direkt von data-* zu übernehmen. (Firefox Bug 1986631, Firefox Bug 1998245)

layout.css.attr.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Namensraum-Attribute in attr() CSS Funktion

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

layout.css.attr.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

@container style() Abfragen

Die @container CSS At-Regel unterstützt style() Abfragen. Dies ermöglicht es Ihnen zu überprüfen, ob ein Container eine gültige CSS-Deklaration, eine CSS-Eigenschaft oder eine benutzerdefinierte Eigenschaft hat und entsprechende Stilregeln für seine Kinder anzuwenden. (Firefox Bug 2014404).

layout.css.style-queries.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Absolut positionierte Elemente in mehrspaltigen Containern und beim Drucken

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

layout.abspos.fragmentainer-aware-positioning.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Freigabezyklus.

JavaScript

Keine experimentellen Funktionen in diesem Freigabezyklus.

APIs

Scoped Custom Element Registries

Support für scoped custom element registries wird implementiert. Diese ermöglichen einem Shadow Tree, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen speziellen DOM-Unterbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Webkomponenten Elemente mit demselben Namen deklarieren.

Die Implementierung umfasst:

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

dom.scoped-custom-element-registries.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

CSS Typed Object Model Level 1

Die Arbeit an der Implementierung des CSS Typed OM Level 1 hat begonnen. Beispielsweise wird die to() Methode der CSSNumericValue Schnittstelle unterstützt, um einen CSS-Numeric-Wert von einer Einheit in eine andere zu konvertieren. (Firefox Bug 1278697).

layout.css.typed-om.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Notification actions und maxActions Eigenschaften

Die actions nur-lesbare Eigenschaft und die maxActions statische nur-lesbare Eigenschaft der Notification Schnittstelle werden in Nightly auf Desktop unterstützt. Diese enthalten die Benachrichtigungsaktionen, die mit ServiceWorkerRegistration.showNotification() gesetzt wurden, und die maximale Anzahl von Aktionen, die gesetzt werden können. (Firefox Bug 1225110, Firefox Bug 1963263).

dom.webnotifications.actions.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwürfe von Erweiterungen

Wenn diese Einstellung aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im "Entwurf"-Status befinden und getestet werden, zur Verwendung aktiviert. Derzeit werden keine WebGL-Erweiterungen von Firefox getestet.

WebGPU API

Die WebGPU API bietet Low-Level-Support für die Durchführung von Berechnungen und die Grafikdarstellung unter Verwendung der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist dies auf Windows in allen Kontexten außer Service Workern aktiviert. Ab Version 147 ist dies 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 den Wert auf true, um zu aktivieren (in Nightly und allen Releases auf Windows aktiviert)

dom.webgpu.service-workers.enabled

Setzen Sie den Wert 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, der Media Source Extensions API, der Encrypted Media Extensions API und der Media Capture and Streams API zu finden sind.

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 Videospuren bietet, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht, weshalb sie beide standardmäßig deaktiviert sind. Siehe Firefox Bug 1057233 für weitere Details.

media.track.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Asynchrone SourceBuffer-Hinzufügen und -Entfernen

Dies fügt die auf Versprechen basierenden Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Mediensource-Buffer zum SourceBuffer Interface hinzu. Siehe Firefox Bug 1280613 und Firefox Bug 778617 für weitere Informationen.

media.mediasource.experimental.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

AVIF-Compliance-Strenge

Die Einstellung image.avif.compliance_strictness 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, auch wenn sie nicht streng konform sind.

image.avif.compliance_strictness

Numerischer Wert, der ein Strengheitsniveau angibt. Zulässige Werte sind:

• 0: Permissiv. Akzeptiere Bilder mit Verstößen gegen die Spezifikation in den Empfehlungen („should“-Sprache) und Anforderungen („shall“-Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standardwert): Gemischt. Lehn Verstöße gegen Anforderungen („shall“) ab, aber erlaube Verstöße gegen Empfehlungen („should“).
• 2: Streng. Lehne Verstöße gegen spezifizierte Anforderungen oder Empfehlungen ab.

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 gezeigt, nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Einstellung gesetzt ist oder nicht). In Firefox 149 wurde der vorherige C++ JPEG XL Bilddecoder durch eine neue, auf Rust basierende Implementierung ersetzt, die die Bibliothek jxl-rs verwendet (Firefox Bug 1986393).

image.jxl.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Documento Picture-in-Picture API

Die Document Picture-in-Picture API macht es möglich, ein Immer-im-Vordergrund-Fenster zu öffnen, das mit beliebigem HTML-Inhalt gefüllt werden kann, wie einem Video mit benutzerdefinierten Steuerelementen oder einer Reihe von Streams, die die Teilnehmer eines Videokonferenzanrufs anzeigen. Weitere Details finden Sie in Firefox Bug 1858562.

dom.documentpip.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

WebVR API (Deaktiviert)

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

dom.vr.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

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

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

layout.css.convertFromNode.enable

Setzen Sie den Wert 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 Viewport zurück. (Siehe Firefox Bug 917755 für weitere Details.)

layout.css.getBoxQuads.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Abwicklung webbasierter Zahlungen innerhalb von Web-Inhalten 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 Arbeiten sind in Arbeit. (Siehe Firefox Bug 1318984 für weitere Details.)

dom.payments.request.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

dom.payments.request.supportedRegions

Ländercodes als kommagetrennte Allowlist von Regionen (z.B. US,CA).

WebShare API

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

dom.webshare.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Notifications API

Benachrichtigungen verfügen über die Eigenschaft requireInteraction, die standardmäßig auf Windows-Systemen und in der Nightly-Version auf true gesetzt ist (Firefox Bug 1794475).

dom.webnotifications.requireinteraction.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Sicherheit und Datenschutz

Markierung unsicherer Seiten

Die beiden security.insecure_connection_text_* Einstellungen fügen einen „Nicht sicher“-Text neben dem traditionellen Schlosssymbol in der Adressleiste hinzu, wenn eine Seite unsicher geladen wird (das heißt, unter Verwendung von HTTP statt HTTPS). Die Einstellung browser.urlbar.trimHttps kürzt das https: Präfix von URLs in der Adressleiste. Weitere Details finden Sie in Firefox Bug 1853418.

security.insecure_connection_text.enabled

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

security.insecure_connection_text.pbmode.enabled

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

browser.urlbar.trimHttps

Setzen Sie den Wert 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 Element <meta name="rating"> kann in eine Webseite aufgenommen werden, 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 äquivalent:

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

Browser, die dieses Element erkennen, können dann Maßnahmen ergreifen, um Benutzer daran zu hindern, den Inhalt anzuzeigen. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt, der unter about:restricted zu finden ist, der dem Benutzer erklärt, dass er versucht, eingeschränkten Inhalt anzuzeigen, ihm erklärt, warum er ihn nicht ansehen kann, und ihm eine Zurück-Schaltfläche bietet, um zurückzukehren, von wo er gekommen ist.

Weitere Details finden Sie in Firefox Bug 1991135.

security.restrict_to_adults.always

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

security.restrict_to_adults.respect_platform

Setzen Sie den Wert auf true, um den Zugriff auf Webseiten einzuschränken, die sich selbst als erwachsen kennzeichnen, indem sie ein <meta name="rating"> Element enthalten, nur wenn auf dem Betriebssystem entsprechende Kindersicherungseinstellungen gesetzt sind (zum Beispiel wenn die macOS Content & Privacy Einstellungen auf das Einschränken von expliziten Webinhalten gesetzt sind).

Permissions Policy / Feature Policy

Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und ihr Verhalten zu ändern. Es ähnelt 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 mithilfe des allow Attributs auf <iframe> Elementen gesetzt werden können, selbst wenn die Benutzereinstellung nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Datenschutzfreundliche Attribution API (PPA)

PPA API bietet eine Alternative zur Benutzerverfolgung für die Anzeigeakteusing des neuen navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA im originalen Erläuterungstext und die vorgeschlagene Spezifikation. Dieses Experiment kann über Origin Trials für Websites aktiviert oder im Browser durch Setzen der Einstellung auf 1 aktiviert werden. (Firefox Bug 1900929).

dom.origin-trials.private-attribution.state

Setzen Sie den Wert auf true, um zu aktivieren.

HTTP

Integritätspolitik für Stylesheet-Ressourcen

Die Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden jetzt für Stilressourcen unterstützt. Diese erlauben es Websites, entweder Subressourcen-Integritätsgarantien für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Berichts-Endpunkte ignoriert und Verstöße in die Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Stilen, die in einem <link> Element mit dem rel="stylesheet" Attribut 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 den Wert auf true, um zu aktivieren.

Storage Access Headers

Die Sec-Fetch-Storage-Access und Activate-Storage-Access HTTP-Header werden jetzt unterstützt und ermöglichen einen effizienteren Storage Access API Workflow. (Firefox Bug 1991688).

Im nur JavaScript-Workflow muss eine Drittanbieterressource angefordert und geladen werden, um eine Storage-Access-Berechtigung für einen bestimmten Kontext (wie z.B. einen neuen Browser-Tab) zu aktivieren. Dies ist erforderlich, selbst wenn die Berechtigung bereits erteilt worden ist. Die Storage Access Headers erlauben es dem Browser, den Berechtigungsstatus für den bestimmten Kontext zu übermitteln, sodass der Server die Aktivierung einer bereits erteilten Berechtigung anfordern kann. Dies vermeidet den Aufwand, die Ressource unnötig zu laden und zu holen.

dom.storage_access.headers.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Idempotency-Key

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

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST Anfrage hinzu, wenn er nicht bereits von der Seite Client-seitig hinzugefügt wurde. Dies vereinfacht den erforderlichen Client-seitigen Code, um mit Servern zu arbeiten, die die Funktion unterstützen.

(Firefox Bug 1830022).

network.http.idempotencyKey.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Accept-Header mit MIME-Typ image/jxl

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

image.jxl.enabled

Setzen Sie den Wert 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 Querseiten-Anfragen, um Bilder oder Frames in eine Drittanbieter-Website zu laden. Weitere Details finden Sie in Firefox Bug 1617609.

network.cookie.sameSite.laxByDefault

Setzen Sie den Wert auf true, um zu aktivieren.

Access-Control-Allow-Headers Platzhalter deckt nicht die Autorisierung ab

Der Access-Control-Allow-Headers ist ein Antwort-Header auf eine CORS-Vorabprüfung, die angibt, welche Anfrage-Header in der endgültigen Anfrage enthalten sein dürfen. Der Antwort-Direktive kann einen Platzhalter (*) enthalten, der anzeigt, dass die endgültige Anfrage alle Header außer dem Authorization Header enthalten darf.

Standardmäßig fügt Firefox den Authorization Header in die endgültige Anfrage ein, nachdem eine Antwort mit Access-Control-Allow-Headers: * empfangen wurde. Setzen Sie die Einstellung auf false, um sicherzustellen, dass Firefox den Authorization Header nicht einfügt. Weitere Details finden Sie in Firefox Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Setzen Sie den Wert 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 diese in den Nightly- und Developer Edition-Kanälen, bevor sie in die Beta- und Release-Versionen übergehen. Die folgenden Funktionen sind die aktuellen experimentellen Entwicklerwerkzeuge.

Keine experimentellen Funktionen in diesem Freigabezyklus.

Siehe auch

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