Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dies führt dazu, dass ein Suchfeld ein Löschsymbol hat, sobald jemand darin zu tippen beginnt, um den Implementierungen anderer Browser gerecht zu werden. (Siehe Firefox-Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Setzen Sie auf true, um zu aktivieren.

Umschalten der Passwortanzeige

HTML-Passworteingabeelemente (<input type="password">) enthalten ein "Auge"-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-Eingabeelemente <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-Eingabeelement <input type="color"> unterstützt die Attribute alpha und colorspace. (Firefox-Bug 1919718).

dom.forms.html_color_picker.enabled

Setzen Sie auf true, um zu aktivieren.

CSS

Hex-Boxen zur Anzeige streunender Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tabulator (U+0009), Zeilenumbruch (U+000A), Formfeed (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 auf true, um zu aktivieren.

initial-letter Eigenschaft

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und ermöglicht es, anzugeben, wie fallende, erhöhte und abgesenkte Initialen 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ößeneigenschaften angewendet wird. Diese Funktion wird bereits gut für die CSS-Grid-Layout-Track-Größenunterstützung 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-linked animations" genannt, 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) ermöglichen es, anzugeben, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scroll-gesteuerte Animation verwendet werden kann. Die Scrollzeitachse kann dann mit einer Animation verbunden werden, indem die animation-timeline Eigenschaft auf den Namen gesetzt wird, der mit scroll-timeline-name definiert wurde.

Beim Verwenden der scroll-timeline Kurzschreibweise muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Lang- und Kurzschreibweisen sind beide hinter der Voreinstellung verfügbar. Alternativ können Sie die scroll() Funktionalnotation mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse in einem übergeordneten Element für die Zeitachse 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 auf true, um zu aktivieren.

prefers-reduced-transparency Medienfeature

Die CSS prefers-reduced-transparency Medienfunktion erlaubt es, zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, um die Menge an transparenten oder transluzenten Schichteffekten auf seinem 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.

inverted-colors Medienfeature

Die CSS inverted-colors Medienfunktion erlaubt es, zu erkennen, ob ein Benutzeragent oder das zugrundeliegende Betriebssystem Farben invertiert. Siehe (Firefox-Bug 1794628) für weitere 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, einem bestimmten Element einen Namen zu geben, der identifiziert, dass sein übergeordnetes Scroller-Element die Quelle einer Ansicht-Fortschritts-Zeitachse ist. Der Name kann dann der animation-timeline zugewiesen werden, die 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 Fortschrittszeitleisten-Funktion

Die CSS view() Funktion erlaubt es, anzugeben, dass die animation-timeline für ein Element eine Fortschrittszeitleiste 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 Zeitachse bereitstellt, zusammen mit dem Rand im sichtbaren Bereich, 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-spezifische Transformations-Eigenschaften

Die -moz- vorangestellten CSS Transformationseigenschaften können deaktiviert werden, indem die Voreinstellung layout.css.prefixes.transforms auf false gesetzt wird. Das 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 Voreinstellung die folgenden vorangestellten 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, 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 Zeichenabstand gleichmäßig auf beide Seiten jedes Zeichens auf. Dies unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich auf eine Seite hinzugefügt wird. Dieser Ansatz kann den Zeichenabstand verbessern, insbesondere bei Text in gemischter Richtung. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Setzen Sie auf true, um zu aktivieren.

calc() Farbkanalunterstützung in relativen Farben

Die CSS calc() Funktion kann jetzt Farbkanäle in relativen Farben analysieren, was es ermöglicht, Änderungen an Farben in verschiedenen Farbräumen oder bei Verwendung unterschiedlicher funktionaler Notationen korrekt zu berechnen. Firefox-Bug 1889561.

layout.css.relative-color-syntax.enabled

Setzen Sie auf true, um zu aktivieren.

Erlauben von Pseudo-Elementen nach element-basierten Pseudo-Elementen

Es wurde begonnen, Pseudo-Elemente wie ::first-letter und ::before an element-basierte Pseudo-Elemente anzuhängen, wie zum Beispiel ::details-content und ::file-selector-button.

Dies ermöglicht es Benutzern beispielsweise, den ersten Buchstaben des <details>-Elements mit dem CSS-Selektor ::details-content::first-letter zu gestalten oder Inhalte vor einem <input> des type="file" mit dem CSS-Selektor ::file-selector-button::before hinzuzufügen.

Derzeit 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 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, alle Überschriftselemente (<h1>-<h6>) auf einmal zu gestalten, anstatt sie einzeln anzusprechen. Die :heading() funktionale Pseudo-Klasse ermöglicht es, Überschriftselemente zu gestalten, die mit einer durch Kommas getrennten Liste von ganzzahligen Werten übereinstimmen, die den Überschriftsebenen 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, text-decoration Start- und Endoffsets anzugeben, um die Position von Textdekorationen zu kürzen, zu verlängern oder 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 Medienabfragen. Anstatt dieselbe hartkodierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert und im Stylesheet immer dann referenziert werden, wenn sie benötigt wird. (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, anzugeben, wie ein Attributwert in einen CSS-Wert analysiert 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.

color-mix() unterstützt mehrere Farbargumente

Die color-mix() CSS Funktion unterstützt jetzt mehrere <color> Werte und nicht nur zwei. Dies erlaubt es, 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.

Medien-basierte Pseudo-Klassen

Die medienbasierten Pseudo-Klassen :buffering, :muted, :paused, :playing, :seeking, :stalled, und :volume-locked erlauben es, <audio> und <video> Elemente basierend auf ihrem aktuellen Zustand, wie z. B. Abspielen oder Pause, zu gestalten. (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, zu prüfen, ob ein Container eine gültige CSS-Deklaration, eine CSS-Eigenschaft oder eine benutzerdefinierte Eigenschaft hat, und die Stile seiner Kinder entsprechend anzuwenden. (Firefox-Bug 2014404).

layout.css.style-queries.enabled

Setzen Sie auf true, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

JavaScript

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

APIs

Scoped Custom Element Registries

Die Unterstützung für scoped custom element registries wird implementiert. Gescopte Registries ermöglichen einem Shadow-Baum, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen spezifischen DOM-Unterbaum gelten. Dies kann verwendet werden, um Konflikte 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 Typed Object Model Level 1

Die Implementierungsarbeiten am CSS Typed OM Level 1 haben begonnen. Zum Beispiel wird die to() Methode der CSSNumericValue Schnittstelle unterstützt, um einen CSS-numerischen Wert von einer Einheit in eine andere umzuwandeln. (Firefox-Bug 1278697).

layout.css.typed-om.enabled

Setzen Sie auf true, um zu aktivieren.

Benachrichtigungsaktionen und maxActions-Eigenschaften

Die actions Lesezeichen-Eigenschaft und die maxActions statische Lesezeichen-Eigenschaft der Notification Schnittstelle werden in Nightly auf dem 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 auf true, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

Wenn diese Voreinstellung aktiviert ist, werden alle WebGL-Erweiterungen aktuell im "Entwurf"-Status, die getestet werden, für die Verwendung aktiviert. Derzeit gibt es keine von Firefox getesteten WebGL-Erweiterungen.

WebGPU API

Die WebGPU API bietet Unterstützung auf niedriger Ebene für die Durchführung von Berechnungen und Grafik-Rendering 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 Servicearbeitern aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon in allen Browserkontexten außer Servicearbeitern 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 Veröffentlichungen 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 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.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Durch Aktivierung 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 und sie sind beide standardmäßig deaktiviert. Weitere Informationen finden Sie unter Firefox-Bug 1057233.

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. Weitere Informationen finden Sie unter Firefox-Bug 1280613 und Firefox-Bug 778617.

media.mediasource.experimental.enabled

Setzen Sie auf true, um zu aktivieren.

AVIF Compliance-Strictness

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

image.avif.compliance_strictness

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

• 0: Permissiv. Akzeptieren Sie Bilder mit Spezifikationsverletzungen sowohl in Empfehlungen ("sollten" Sprache) als auch in Anforderungen ("müssen" Sprache), sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Gemischt. Ablehnung von Verletzungen von Anforderungen ("müssen"), aber Erlaubnis von Verletzungen von Empfehlungen ("sollten").
• 2: Strikt. Ablehnung von Verletzungen der angegebenen Anforderungen oder Empfehlungen.

JPEG XL Unterstützung

Firefox unterstützt JPEG XL Bilder, wenn diese Funktion aktiviert ist. Weitere Informationen 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 Voreinstellung gesetzt ist oder nicht). 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.

Dokument-Bild-in-Bild-API

Die Document Picture-in-Picture API macht es möglich, ein Fenster, das immer im Vordergrund ist, zu öffnen, das mit beliebigen HTML-Inhalten wie einem Video mit benutzerdefinierten Steuerelementen oder einem Satz von Streams, die die Teilnehmer eines Videokonferenzanrufs zeigen, befüllt werden kann. Weitere Informationen finden Sie unter Firefox-Bug 1858562.

dom.documentpip.enabled

Setzen Sie auf true, um zu aktivieren.

WebVR API (Deaktiviert)

Die veraltete WebVR API steht 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() ordnen den gegebenen Punkt, das Rechteck oder das Viereck von dem Node, auf dem sie aufgerufen werden, einem anderen Knoten zu. (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 Ansichtsfenster 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 webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während des Tests der Benutzeroberfläche aufgetaucht ist, haben wir beschlossen, die Auslieferung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API stattfinden. Die Arbeit ist 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ändercodes als durch Kommas getrennte 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. Diese Funktion ist auf Android in allen Builds aktiviert, aber hinter einer Voreinstellung auf dem Desktop (sofern unten nicht anders angegeben).

dom.webshare.enabled

Setzen Sie auf true, um zu aktivieren.

Notifications API

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

dom.webnotifications.requireinteraction.enabled

Setzen Sie auf true, um zu aktivieren.

Sicherheit und Privatsphäre

Unsichere Seitenauszeichnung

Die beiden Voreinstellungen security.insecure_connection_text_* fügen ein "Nicht sicher" Textlabel in der Adressleiste neben dem traditionellen Schloss-Symbol hinzu, wenn eine Seite unsicher geladen wird (d.h. unter Verwendung von HTTP anstelle von HTTPS). Die Voreinstellung browser.urlbar.trimHttps kürzt das https: Präfix von URLs in der Adressleiste. Siehe Firefox-Bug 1853418 für weitere Details.

security.insecure_connection_text.enabled

Setzen Sie auf true, um das Textlabel im normalen Browsing-Mode zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Setzen Sie auf true, um das Textlabel im privaten Browsing-Mode zu aktivieren.

browser.urlbar.trimHttps

Setzen Sie auf true, um das https: Präfix von URLs in der Adressleiste abzuschneiden.

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 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 beide die gleiche Wirkung haben (es können in Zukunft weitere Optionen 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 von Firefox ersetzt die Seite durch den Inhalt, der unter about:restricted gefunden wird, was dem Benutzer erklärt, dass er versucht, eingeschränkten Inhalt anzusehen, erklärt, warum er ihn nicht ansehen kann, und gibt ihm einen Rückwärtsknopf, um zurückzukehren.

Weitere Informationen finden Sie in Firefox-Bug 1991135.

security.restrict_to_adults.always

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

security.restrict_to_adults.respect_platform

Setzen Sie auf true, um den Zugriff auf Webseiten nur dann einzuschränken, wenn entsprechende Kindersicherungen auf dem zugrunde liegenden Betriebssystem aktiviert sind (zum Beispiel, wenn die macOS Inhalt & Datenschutz Einstellungen festgelegt sind, um expliziten Webinhalt einzuschränken).

Berechtigungspolitik / Funktionspolitik

Permissions Policy erlaubt es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und deren Verhalten zu ändern. Es ist ähnlich wie CSP, kontrolliert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies wird in Firefox als Funktionspolitik implementiert, dem Namen, der in einer früheren Version der Spezifikation verwendet wurde.

Beachten Sie, dass unterstützte Richtlinien durch das allow Merkmal auf <iframe> Elementen gesetzt werden können, selbst wenn die Benutzervoreinstellung nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Setzen Sie auf true, um zu aktivieren.

Privacy Preserving Attribution API (PPA)

Die PPA API bietet eine Alternative zur Benutzerverfolgung für die Attribution von Anzeigen mit dem neuen navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über die PPA im ursprünglichen Erklärer und die vorgeschlagene Spezifikation. Dieses Experiment kann für Websites über Herkunftsexperiment oder im Browser durch das Setzen der Voreinstellung 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 Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden jetzt für Stilressourcen unterstützt. Diese erlauben es Websites, entweder Subressourcenintegritätsgarantien für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Meldungsendpunkte 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 referenziert sind, mit rel="stylesheet", die entweder das integrity Merkmal nicht aufweisen 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.

Storage Access Header

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

Im JavaScript-Only-Workflow muss eine Drittanbieterressource angefordert und geladen werden, um eine Speicherzugangsberechtigung für einen bestimmten Kontext zu aktivieren (z.B. ein neuer Browser-Tab). Dies ist erforderlich, selbst wenn die Berechtigung bereits erteilt wurde. Die Speicherzugangs-Header ermöglichen es dem Browser, den Berechtigungsstatus für den bestimmten Kontext anzuzeigen, sodass der Server die Aktivierung einer bereits erteilten Berechtigung anfordern kann. Dies vermeidet den Overhead, die Ressource unnötig abzurufen und zu laden.

dom.storage_access.headers.enabled

Setzen Sie auf true, um zu aktivieren.

Idempotency-Key

Der Idempotency-Key HTTP-Anforderungsheader kann von der Website-Clientseite verwendet werden, um POST oder PATCH Anfragen idempotent zu machen, wenn sie mit einem Server verwendet werden, 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 erwartete Fehlermeldungen.

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST Anfrage hinzu, wenn er nicht bereits clientseitig von der 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 Standardanfragen und Bildanfragen kann über eine Voreinstellung konfiguriert werden, um die Unterstützung für den MIME-Typ image/jxl 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 bei abteilungsübergreifenden Unteranfragen zum Laden von Bildern oder Frames auf eine Drittanbieterseite usw. Weitere Details finden Sie unter Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Setzen Sie auf true, um zu aktivieren.

Access-Control-Allow-Headers Wildcard umfasst nicht Authorization

Der Access-Control-Allow-Headers ist ein Antwortheader auf eine CORS-Preflight-Anfrage, die anzeigt, welche Anforderungsheader in die endgültige Anfrage aufgenommen werden dürfen. Die Antwortdirektive kann ein Wildcard (*) enthalten, das angibt, 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, nachdem eine Antwort mit Access-Control-Allow-Headers: * empfangen wurde. Setzen Sie die Voreinstellung auf false, um sicherzustellen, dass Firefox den Authorization Header nicht einfügt. Für weitere Details siehe Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Setzen Sie auf true, um zu aktivieren.

Entwicklertools

Die Entwicklertools von Mozilla entwickeln sich ständig weiter. Wir experimentieren mit neuen Ideen, fügen neue Funktionen hinzu und testen sie auf den Kanälen Nightly und Developer Edition, bevor sie in die Beta und Veröffentlichung gelangen. Die folgenden Funktionen sind die aktuellen experimentellen Entwicklertools.

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

Siehe auch

• Firefox Entwickler-Veröffentlichungshinweise
• Firefox Nightly
• Firefox Developer Edition