Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dies bewirkt, dass ein Suchfeld ein Löschsymbol hat, sobald jemand zu tippen beginnt, um andere Browserimplementierungen anzupassen. (Siehe Firefox Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Setzen Sie auf true, um zu aktivieren.

Passwortanzeige umschalten

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 auf true, um zu aktivieren.

Zeitauswahl 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

Sechseckige Boxen zur Darstellung verwaister Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tab (U+0009), Zeilenumbruch (U+000A), Form Feed (U+000C) und Wagenrücklauf (U+000D) als hexadezimale 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.

initial-letter Eigenschaft

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und ermöglicht es Ihnen zu spezifizieren, wie abgesenkte, gehobene und abgesunkene Anfangsbuchstaben dargestellt 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 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 als "Scroll-verknüpfte Animationen" bezeichnet, hängt eine scroll-gesteuerte Animation von der Scroll-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-gesteuerte Animation verwendet werden kann. Die Scroll-Timeline kann dann mit einer animation verknüpft werden, indem die animation-timeline-Eigenschaft auf den in scroll-timeline-name definierten Namen gesetzt wird.

Beim Verwenden der scroll-timeline Kurzschreibweise muss die Reihenfolge der Eigenschaftenwerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Lang- und Kurzschreibeigenschaften sind beide hinter der Präferenz verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse in einem übergeordneten Element für die Timeline 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.

Media-Feature prefers-reduced-transparency

Das CSS prefers-reduced-transparency Media-Feature lässt Sie erkennen, ob ein Benutzer die Einstellung aktiviert hat, um die Menge an transparenten oder durchscheinenden Schichten auf ihrem Gerät zu minimieren. Siehe (Firefox Bug 1736914) für weitere Details.

layout.css.prefers-reduced-transparency.enabled

Setzen Sie auf true, um zu aktivieren.

Media-Feature inverted-colors

Das CSS inverted-colors Media-Feature lässt Sie erkennen, ob ein Benutzeragent oder das zugrunde liegende Betriebssystem Farben invertiert. Siehe (Firefox Bug 1794628) für weitere Details.

layout.css.inverted-colors.enabled

Setzen Sie auf true, um zu aktivieren.

Benannte Ansichtsfortschrittszeitleisten-Eigenschaft

Die CSS view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, der angibt, dass sein übergeordneter Scroller das Element ist, das die Quelle einer Ansichtsfortschrittszeitleiste ist. Der Name kann dann der animation-timeline zugewiesen werden, die dann das zugehörige Element animiert, während es durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt wird. Siehe (Firefox Bug 1737920) für weitere Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

Anonyme Ansichtsfortschrittszeitleisten-Funktion

Die CSS view() Funktion ermöglicht es Ihnen anzugeben, dass die animation-timeline für ein Element eine Ansichtsfortschrittszeitleiste ist, die das Element animiert, während es durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt wird. Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitleiste liefert, zusammen mit dem Rand 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.

Anbieter-bevorzugte Transformations-Eigenschaften

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

Diese Präferenz wird speziell 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.

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, in dem die Form gezeichnet wird, positioniert sind. (Firefox Bug 1921501).

layout.css.basic-shape-shape.enabled

Setzen Sie auf true, um zu aktivieren.

Symmetrisches letter-spacing

Die CSS letter-spacing Eigenschaft teilt jetzt 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 die Textabstände verbessern, insbesondere bei gemischt-richtungseingetaschtem Text. (Firefox Bug 1891446).

layout.css.letter-spacing.model

Setzen Sie auf true, um zu aktivieren.

calc() Farbe Kanalunterstützung in relativen Farben

Die CSS calc() Funktion kann jetzt Farbkanäle in relativen Farben analysieren, damit Sie Änderungen an Farben in verschiedenen Farbmodellen oder bei Verwendung verschiedener funktionaler Notationen korrekt berechnen können Firefox Bug 1889561.

layout.css.relative-color-syntax.enabled

Setzen Sie auf true, um zu aktivieren.

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

Die Arbeit hat begonnen, Pseudo-Elementen zu erlauben, wie ::first-letter und ::before, um an Element-gestützte Pseudo-Elemente wie ::details-content und ::file-selector-button angehängt zu werden.

Dies wird es Benutzern ermöglichen, zum Beispiel den ersten Buchstaben des <details> Elements zu gestalten, indem der CSS-Selektor ::details-content::first-letter verwendet wird, oder fügt vor einem <input> von type="file" Inhalt hinzu, indem der CSS-Selektor ::file-selector-button::before genutzt wird.

Gegenwärtig kann nur die Unterstützung für ::details-content::first-letter mit @supports(::details-content::first-letter) analysiert werden. Das ::file-selector-button Pseudo-Element ist noch nicht als ein auf Elementen basierendes 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>) gleichzeitig zu gestalten, anstatt sie einzeln anzusprechen. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu gestalten, die mit einer durch Kommas getrennten Liste von Ganzzahlen übereinstimmen, die den Ebenen der Überschrift entsprechen. (Firefox Bug 1974386 & Firefox Bug 1984310).

layout.css.heading-selector.enabled

Setzen Sie auf true, um zu aktivieren.

text-decoration-trim

Die CSS text-decoration-trim Eigenschaft ermöglicht es Ihnen, text-decoration Start- und Endversätze zu kürzen, zu verlängern oder die Position von Textdekorationen in Bezug auf den Text zu verschieben (Firefox Bug 1979915).

layout.css.text-decoration-trim.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 Mediensuchanfragen. Anstatt dieselbe hartcodierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert und im gesamten 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. Diese ermöglichen 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 auf true, um zu aktivieren.

color-mix() akzeptiert mehrere Farbargumente

Die color-mix() CSS-Funktion unterstützt jetzt mehrere <color> Werte, anstatt nur zwei. Dies ermöglicht es Ihnen, viele Farben zu mischen und die Prozentsätze jeder Farbe festzulegen. (Firefox Bug 2007772).

layout.css.color-mix-multi-color.enabled

Setzen Sie auf true, um zu aktivieren.

Medienbasierte Pseudo-Klassen

Die medienbasierten Pseudo-Klassen :buffering, :muted, :paused, :playing, :seeking, :stalled und :volume-locked ermöglichen es Ihnen, stilistische Anpassungen an <audio> und <video> Elementen basierend auf deren aktuellem Status vorzunehmen, wie zum Beispiel abgespielt oder pausiert. (Firefox Bug 1707584, Firefox Bug 2014512).

dom.media.pseudo-classes.enabled

Setzen Sie auf true, um zu aktivieren.

@container style() Abfragen

Die @container CSS-At-Regel unterstützt style() Abfragen. Dies ermöglicht es Ihnen zu prüfen, ob ein Container eine gültige CSS-Deklaration, eine CSS-Eigenschaft oder eine benutzerdefinierte Eigenschaft besitzt und die Stile entsprechend auf seine Kinder anzuwenden. (Firefox Bug 2014404).

layout.css.style-queries.enabled

Setzen Sie auf true, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Freigabezyklus.

JavaScript

Keine experimentellen Funktionen in diesem Freigabezyklus.

APIs

CSS Typisiertes Objektmodell Level 1

Die Implementierungsarbeit am CSS Typed OM Level 1 hat begonnen. Beispielsweise wird die to() Methode der CSSNumericValue Schnittstelle unterstützt, um einen CSS-Zahlenwert von einer Einheit in eine andere umzuwandeln. (Firefox Bug 1278697).

layout.css.typed-om.enabled

Setzen Sie auf true, um zu aktivieren.

Notification actions und maxActions Eigenschaften

Die actions schreibgeschützte Eigenschaft und die maxActions statische schreibgeschützte Eigenschaft der Notification Schnittstelle werden in Nightly auf dem Desktop unterstützt. Diese enthalten die mit ServiceWorkerRegistration.showNotification() gesetzten Benachrichtigungsaktionen und die maximale Anzahl von Aktionen, die festgelegt werden können. (Firefox Bug 1225110, Firefox Bug 1963263).

dom.webnotifications.actions.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 derzeit im "Entwurf"-Status befinden und getestet werden, zur Nutzung freigegeben. 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 grafikbezogene Rendering-Prozesse mit der Grafikprozessor-Einheit (GPU) des Geräts oder Computers eines Benutzers. Ab Version 142 ist dies in 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 unsere Fortschritte in 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 solche, 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

Das Aktivieren dieser Funktion fügt alle HTML-Mediaelemente die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften hinzu. Da Firefox jedoch derzeit keine mehreren Audio- und Videospuren unterstützt, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht, sodass sie standardmäßig deaktiviert sind. Siehe Firefox Bug 1057233 für weitere Einzelheiten.

media.track.enabled

Setzen Sie 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 Mediendatenquellenpuffern zur SourceBuffer Schnittstelle hinzu. Weitere Informationen finden Sie in Firefox Bug 1280613 und Firefox Bug 778617.

media.mediasource.experimental.enabled

Setzen Sie auf true, um zu aktivieren.

AVIF Einhaltung von Compliance

Die image.avif.compliance_strictness Präferenz kann verwendet werden, um die Striktheit zu kontrollieren, die beim Verarbeiten von AVIF Bildern angewendet wird. Dadurch können Firefox-Benutzer Bilder anzeigen, die in einigen anderen Browsern gerendert werden, auch wenn sie nicht streng konform sind.

image.avif.compliance_strictness

Numerischer Wert, der einen Striktheits level anzeigt. Zulässige Werte sind:

• 0: Permissiv. Akzeptiere Bilder mit Spezifikationsverletzungen sowohl in Empfehlungen ("sollte" Sprache) als auch in Anforderungen ("muss" Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standard): Gemischt. Lehnt Verstöße gegen Anforderungen ("muss") ab, erlaubt jedoch Verstöße gegen Empfehlungen ("sollte").
• 2: Strikt. Lehnt jegliche Verstöße gegen spezifizierte Anforderungen oder Empfehlungen ab.

JPEG XL Unterstützung

Firefox unterstützt JPEG XL Bilder, wenn diese Funktion aktiviert ist. Siehe Firefox Bug 1539075 für weitere Details.

Beachten Sie, dass die Funktion, wie unten gezeigt, nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist). In Firefox 149 wurde der vorherige C++ JPEG XL Bilddekoder 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.

Dokument-Bild-im-Bild-API

Die Document Picture-in-Picture API ermöglicht es, ein immer im Vordergrund stehendes Fenster zu öffnen, das mit beliebigen HTML-Inhalten ausgestattet werden kann, wie ein Video mit benutzerdefinierten Steuerelementen oder einer Reihe von Streams, die die Teilnehmer eines Videoanrufs zeigen. Siehe Firefox Bug 1858562 für weitere Details.

dom.documentpip.enabled

Setzen Sie auf true, um zu aktivieren.

WebVR API (Deaktiviert)

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

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 gegebenen Punkt, das Rechteck oder Viereck vom Node, auf dem sie aufgerufen werden, zu einem anderen Knoten. (Siehe Firefox Bug 918189 für weitere Details.)

layout.css.convertFromNode.enable

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 Sichtfenster 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 Abwicklung von web-basierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während des Tests der Benutzeroberfläche auftrat, haben wir beschlossen, diese API zu verschieben, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeit ist noch im Gange. (Siehe Firefox Bug 1318984 für weitere Details).

dom.payments.request.enabled

Setzen Sie auf true, um zu aktivieren.

dom.payments.request.supportedRegions

Länderkennungen als kommaseparierte Liste erlaubter 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.

Notifications API

Benachrichtigungen haben die requireInteraction Eigenschaft standardmäßig auf Windows-Systemen und in der Nightly-Version 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 ein "Nicht sicher"-Textlabel in der Adressleiste neben dem traditionellen Schloss-Symbol hinzu, wenn eine Seite unsicher geladen wird (das heißt, mit HTTP anstelle von HTTPS). Die browser.urlbar.trimHttps Präferenz 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.

Einschrä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 der Erstellung sind zwei mögliche content Werte vorhanden, adult (definiert von Google) und RTA-5042-1996-1400-1577-RTA (definiert von ASACP), die denselben Effekt haben (in Zukunft können weitere Optionen 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. Firefox' Implementierung ersetzt die Seite durch den Inhalt, der unter about:restricted gefunden wird, der dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzusehen, erklärt, warum er dies nicht kann, und ihm eine Zurück-Schaltfläche gibt, um zurückzukehren.

Siehe Firefox Bug 1991135 für weitere Details.

security.restrict_to_adults.always

Setzen Sie auf true, um den Zugriff auf Webseiten, die sich selbst als erwachsen identifizieren, einzuschränken, indem ein <meta name="rating"> Element eingefügt wird.

security.restrict_to_adults.respect_platform

Setzen Sie auf true, um den Zugriff auf Webseiten, die sich selbst als erwachsen identifizieren, einzuschränken, indem ein <meta name="rating"> Element eingefügt wird, nur wenn entsprechende elterliche Inhalte auf dem zugrunde liegenden Betriebssystem festgelegt sind (zum Beispiel die macOS Inhalt & Datenschutz Einstellungen sind festgelegt, um explizite Webinhalte zu beschränken).

Berechtigrichtlinie / Feature-Policy

Berechtigungspolitik ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren oder das Verhalten zu ändern. Sie ist ähnlich wie CSP, kontrolliert jedoch Funktionen statt Sicherheitsverhalten. Dies wird in Firefox als Feature Policy implementiert, der Name, der in einer früheren Version der Spezifikation verwendet wurde.

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

dom.security.featurePolicy.header.enabled

Setzen Sie auf true, um zu aktivieren.

Privacy Preserving Attribution API (PPA)

PPA API bietet eine Alternative zum Nutzertracking für die Anzeigenzuordnung mit dem neuen navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA in der ursprünglichen Erklärung und die vorgeschlagene Spezifikation. Dieses Experiment kann für Websites über Ursprungsversuch 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ätsrichtlinie für Stylesheet-Ressourcen

Die Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden jetzt für Stilressourcen unterstützt. Diese ermöglichen es Websites, entweder die Subressourcen-Integritätsgarantien für Styles zu erzwingen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Berichtsendpunkte ignoriert und Verstöße im Entwickler-Konsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Styles, die in einem <link>-Element mit rel="stylesheet" referenziert werden und entweder das integrity Attribut nicht besitzen 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.

Speicherzugriffs-Header

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

Im nur JavaScript-Workflow muss eine Drittanbieter-Ressource angefordert und geladen werden, um eine Speicherungserlaubnis für einen bestimmten Kontext zu aktivieren (z. B. ein neuer Browser-Tab). Dies ist erforderlich, selbst wenn die Erlaubnis bereits erteilt wurde. Die Speicherzugriffs-Header ermöglichen es dem Browser, den Erlaubnisstatus für den bestimmten Kontext anzugeben, sodass der Server die Aktivierung einer bereits erteilten Erlaubnis anfordern kann. Dies vermeidet den Overhead des unnötigen Abrufens und Ladens der Ressource.

dom.storage_access.headers.enabled

Setzen Sie auf true, um zu aktivieren.

Idempotency-Key

Der Idempotency-Key HTTP-Anforderungsheader kann von der Clientseite verwendet werden, um eine POST oder PATCH-Anforderung idempotent zu machen, wenn sie mit einem Server verwendet wird, der sie unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und bekannt geben sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und die erwarteten Fehlermeldungen.

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 auf Clientseite hinzugefügt wurde. Dies vereinfacht den auf Clientseite erforderlichen Code, um mit Servern zu arbeiten, die diese 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-Header Accept in Standardanforderungen und Bildanforderungen kann über eine Präferenz 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 domainübergreifende Unteranfragen zum Laden von Bildern oder Frames in eine Drittanbieter-Seite usw. Weitere Details finden Sie unter Firefox Bug 1617609.

network.cookie.sameSite.laxByDefault

Setzen Sie auf true, um zu aktivieren.

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

Der Access-Control-Allow-Headers ist ein Antwortheader auf eine CORS Preflight-Anfrage, der angibt, welche Anforderungsheader in der endgültigen Anfrage enthalten sein dürfen. Die Antwortdirektive kann einen Platzhalter (*) enthalten, der angibt, dass die endgültige Anfrage alle Header außer dem Authorization-Header enthalten kann.

Standardmäßig schließt Firefox den Authorization-Header in die endgültige Anfrage ein, 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 einbezieht. Weitere Details finden Sie unter Firefox Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Setzen Sie auf true, um zu aktivieren.

Entwicklerwerkzeuge

Mozillas Entwicklerwerkzeuge 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 auf Beta und Release durchlaufen lassen. Die folgenden Funktionen sind die aktuellen experimentellen Entwicklerwerkzeug-Funktionen.

Keine experimentellen Funktionen in diesem Freigabezyklus.

Siehe auch

• Firefox Entwickler-Versionanmerkungen
• Firefox Nightly
• Firefox Developer Edition