Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dadurch hat ein Suchfeld ein Löschsymbol, sobald jemand darin zu tippen beginnt, um andere Browserimplementierungen anzupassen. (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 "Auge"-Symbol, das umgeschaltet werden kann, um das Passworttextfeld anzuzeigen oder zu verbergen (Firefox Bug 502258).

layout.forms.reveal-password-button.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Zeitangabe-Auswahl für datetime-local Eingabefeld

HTML datetime-local Eingabeelemente (<input type="datetime-local">) beinhalten jetzt eine Zeitauswahl (Firefox Bug 1726108).

dom.forms.datetime.timepicker

Setzen Sie den Wert auf true, um zu aktivieren.

CSS

Hex-Boxen zur Darstellung von Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode Kategorie Cc), außer Tab (U+0009), Zeilenvorschub (U+000A), Seitenvorschub (U+000C) und Wagenrücklauf (U+000D), als Hex-Box, wenn sie nicht erwartet werden. (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 ermöglicht es Ihnen, festzulegen, wie initiale großbuchstaben erhoben, abgesenkt oder versenkt angezeigt werden. (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 in Bezug auf width und andere Größeneigenschaften. Diese Funktion wird bereits für die CSS Grid Layout Spurgrößenanpassung 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-gesteuerte Animationen

Früher "scroll-verknüpfte Animationen" genannt, hängt eine scroll-gesteuerte Animation von der Scrollposition eines Scrollbalkens ab, anstatt von der Zeit oder einer anderen Dimension. Die Eigenschaften scroll-timeline-name und scroll-timeline-axis (sowie die Kurzschreibweise scroll-timeline) ermöglichen es Ihnen, festzulegen, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scroll-gesteuerte Animation verwendet werden kann. Die Scroll-Timeline kann dann mit einer Animation durch Festlegen der animation-timeline Eigenschaft auf den mit scroll-timeline-name definierten Namenswert verknüpft werden.

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 Präferenz verfügbar. Alternativ können Sie die scroll()-Funktionsnotation 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 Eigenschaften timeline-scope, animation-range-start und animation-range-end (sowie die Kurzschreibweise animation-range) werden noch nicht unterstützt. Für mehr Informationen, siehe 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 Anzahl transparenter oder transluzenter Schichteffekte auf ihrem Gerät zu minimieren. Siehe (Firefox Bug 1736914) für weitere Details.

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. Siehe (Firefox Bug 1794628) für weitere Details.

layout.css.inverted-colors.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Benannter view progress timelines Eigenschaft

Die CSS view-timeline-name Eigenschaft erlaubt es Ihnen, einem bestimmten Element einen Namen zu geben und zu identifizieren, dass dessen übergeordnetes Scrollerelement die Quelle einer sogenannten view progress timeline ist. Der Name kann dann der animation-timeline zugewiesen werden, die daraufhin das zugehörige Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Siehe (Firefox Bug 1737920) für weitere Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Anonyme view progress timelines Funktion

Die CSS view()-Funktion erlaubt es Ihnen zu spezifizieren, dass die animation-timeline für ein Element eine view progress timeline ist, die das Element animieren wird, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Die Funktion definiert die Achse des übergeordneten Elements, das die Timeline bereitstellt, zusammen mit dem Einzug innerhalb des sichtbaren Bereichs, an dem die Animation beginnt. Siehe (Firefox Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Herstellerpräfix transform-Eigenschaften

Die mit -moz--Präfix versehenen 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 Zoom-Eigenschaften umfassend unterstützt werden. (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 den Wert auf true, um zu aktivieren.

shape() Funktion

Die CSS shape() Funktion ist ein <basic-shape> Datentyp, der es Ihnen ermöglicht, eine Form in den Eigenschaften clip-path und offset-path unter Verwendung eines oder mehrerer "shape commands" zu definieren. Diese Befehle sind den SVG Pfadbefehl sehr ähnlich. Die shape()-Funktion ist in einiger Hinsicht der path()-Funktion ähnlich, aber im Gegensatz zu path(), das die SVG Pfad Syntax verwendet, verwendet shape() die standardmäßige CSS-Syntax. Dies ermöglicht es Ihnen, Formen einfach zu erstellen und zu bearbeiten und ermöglicht auch die Verwendung von CSS Mathematikfunktionen. Weitere Informationen finden Sie unter Firefox Bug 1823463 für die Unterstützung der shape()-Funktion in clip-path, Firefox Bug 1884424 für die Unterstützung der Funktion in offset-path und Firefox Bug 1884425 für die Unterstützung ihrer Interpolation.

layout.css.basic-shape-shape.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Relative Kontrollpunkte 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, Kontrollpunkte 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 den Wert auf true, um zu aktivieren.

Symmetrische letter-spacing

Die CSS letter-spacing-Eigenschaft teilt jetzt den angegebenen Buchstabenabstand gleichmäßig auf beiden Seiten jedes Zeichens auf. Dies ist im Gegensatz zu dem aktuellen Verhalten, bei dem der Abstand hauptsächlich zu einer Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand, insbesondere in text mit gemischter Richtung, verbessern. (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 jetzt Farbkanäle in relativen Farben parsen und ermöglicht Ihnen, Änderungen an Farben korrekt in verschiedenen Farbräumen oder während der Verwendung verschiedener Funktionsnotationen zu berechnen Firefox Bug 1889561.

layout.css.relative-color-syntax.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Erlaube Pseudoelemente nach elementgestützten Pseudoelementen

Es wird daran gearbeitet, Pseudoelemente wie ::first-letter und ::before an elementgestützte Pseudoelemente wie ::details-content und ::file-selector-button anzuhängen.

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

Derzeit kann nur die Unterstützung für ::details-content::first-letter mit @supports(::details-content::first-letter) geparst werden. Das ::file-selector-button Pseudoelement ist noch nicht als elementbasiertes Pseudoelement markiert, sodass es keinen Weg gibt, dies zu testen. (Firefox Bug 1953557, Firefox Bug 1941406).

:heading und :heading() Pseudo-Klassen

Die :heading Pseudo-Klasse ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln anzugehen. Die :heading() Funktional-Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu stylen, die mit einer kommagetrennten Liste von ganzen Zahlen übereinstimmen, die die Ebenen der Überschriften darstellen. (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 text-decoration-trim-Eigenschaft ermöglicht es Ihnen, text-decoration Anfangs- und End-Offsets festzulegen, um Textdekorationen im Vergleich zum Text zu verkürzen, zu verlängern oder die Position 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 Medienanfragen. Anstatt die gleiche 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 wann immer nötig referenziert werden. (Firefox Bug 1744292).

layout.css.custom-media.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

JavaScript

Keine experimentellen Funktionen in diesem Release-Zyklus.

APIs

CloseWatcher-Schnittstelle

Eingebaute Webkomponenten mit "open"- und "close"-Semantik, wie modale Dialoge und Popovers, können mit geräteintegrierten Mechanismen geschlossen werden. Zum Beispiel können Sie unter Android einen Dialog durch Drücken der Zurück-Taste schließen. Die CloseWatcher-Schnittstelle ermöglicht es Entwicklern, UI-Komponenten, wie benutzerdefinierte Sidebars, zu implementieren, die ebenfalls mit nativen Mechanismen geschlossen werden können. (Firefox Bug 1888729).

dom.closewatcher.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Trusted Types API

Die Trusted Types API bietet Mechanismen, um sicherzustellen, dass Funktionen, die potenziell als Vektoren für XSS-Angriffe verwendet werden können, nur mit Daten aufgerufen werden, die validiert oder bereinigt wurden. Die API ist in frühen Betaversionen aktiviert (Firefox Bug 1992941).

Dies umfasst (nicht erschöpfend):

• Hinzufügung der TrustedTypePolicyFactory, TrustedTypePolicy, TrustedHTML, TrustedScript, TrustedScriptURL-Schnittstellen und die trustedTypes Eigenschaft auf Window und WorkerGlobalScope.
• Updates zu Injectionschnittstellen, wie Element.innerHTML und document.write(), um TrustedHTML, TrustedScript, TrustedScriptURL sowie Strings zuzulassen.
• Unterstützung für die require-trusted-types-for und trusted-types Anweisungen und das 'trusted-types-eval' Schlüsselwort, im Content-Security-Policy HTTP-Header. Diese können verwendet werden, um vertrauenswürdige Typen anstelle von Strings zu erzwingen, die spezifischen Richtlinien zu benennen, die erlaubt sind, und eval()](/de/docs/Web/JavaScript/Reference/Global_Objects/eval) und ähnliche Funktionen zu ermöglichen, wenn Trusted Types unterstützt und durchgesetzt werden.

dom.security.trusted_types.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

HTML Sanitizer API

Die HTML Sanitizer API ermöglicht es Entwicklern, unzuverlässige HTML-Strings zu nehmen und diese zu bereinigen, um sie sicher in das DOM eines Dokuments einzufügen.

dom.security.sanitizer.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Entfernung der beforescriptexecute und afterscriptexecute Ereignisse

Die nicht standardmäßigen Ereignisse beforescriptexecute und afterscriptexecute im Document Interface und afterscriptexecute sowie beforescriptexecute im Element Interface stehen zur Entfernung an. Sie wurden in Nightly deaktiviert. (Firefox Bug 1954685).

dom.events.script_execute.enable

Setzen Sie den Wert auf true, um zu aktivieren.

Benachrichtigungsaktionen 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 Benachrichtigungsaktionen, die mit ServiceWorkerRegistration.showNotification() festgelegt wurden und die maximale Anzahl von Aktionen, die festgelegt 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: Entwurfserweiterungen

Wenn diese Präferenz aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im "Entwurfsstatus" befinden und getestet werden, für die Nutzung aktiviert. 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 Grafik-Rendering mit der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist dies unter Windows in allen Kontexte außer Service-Workern aktiviert. Ab Version 147 ist dies unter macOS auf Apple Silicon in allen Browsing-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 zu dieser API.

dom.webgpu.enabled

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

dom.webgpu.service-workers.enabled

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

Unterstützung der Reporting API für CSP-Verletzungen

Die Reporting API unterstützt jetzt das Reporting von Content Security Policy (CSP)-Verletzungen.

Report Instanzen, die durch die ReportingObserver Schnittstelle zurückgegeben werden, können jetzt einen type Wert von "csp-violation" haben und eine body Eigenschaft, die eine Instanz der CSPViolationReportBody enthält. Dadurch können CSP-Verletzungen innerhalb einer Webseite gemeldet werden.

CSP-Verletzungsberichte können auch an entfernte Endpunkte gesendet werden, die im CSP report-to Directive angegeben sind – Endpunktnamen und entsprechende URLs müssen zuerst im Reporting-Endpoints oder Report-To HTTP-Antwortheadern definiert werden. Der Bericht ist eine Serialisierung des Report-Objekts, das oben beschrieben wurde, mit einer body Eigenschaft, die eine Serialisierung einer CSPViolationReportBody Instanz ist.

Dieser Verletzungsbericht ersetzt einen ähnlichen, CSP-spezifischen Mechanismus zum Senden von Verletzungsberichten, der die CSP report-uri Direktive verwendet, um die URL des Berichtsendpunkts festzulegen und das CSP-spezifische JSON-Verletzungsberichtformat. (Firefox Bug 1391243).

dom.reporting.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

WebRTC und Medien

Die folgenden experimentellen Funktionen beinhalten jene, die in 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.

Asynchrone SourceBuffer hinzufügt und entfernt

Dies fügt die auf Versprechen basierenden Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Medienelementpuffern zur SourceBuffer-Schnittstelle 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 Konformitätsstrenge

Die Präferenz image.avif.compliance_strictness kann verwendet werden, um die Strenge zu steuern, die beim Verarbeiten von AVIF Bildern angewendet wird. Dies ermöglicht Firefox-Nutzern, Bilder anzuzeigen, die auf einigen anderen Browsern gerendert werden, selbst wenn sie nicht streng konform sind.

image.avif.compliance_strictness

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

• 0: Permissiv. Akzeptiere Bilder mit Spezifikationsverletzungen in sowohl Empfehlungen ("sollte"-Sprache) als auch Anforderungen ("muss"-Sprache), sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Gemischt. Lehne Verletzungen von Anforderungen ("muss") ab, erlaube jedoch Verletzungen von Empfehlungen ("sollte").
• 2: Streng. Lehne alle Verletzungen spezifizierter Anforderungen oder Empfehlungen ab.

Unterstützung für JPEG XL

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

Beachten Sie, dass, wie unten gezeigt, die Funktion nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist).

image.jxl.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

WebVR API

WebVR API (Deaktiviert)

Die veraltete WebVR API wird aufgrund des geplanten Entfernens deaktiviert. Sie ist in allen Builds standardmäßig deaktiviert Firefox Bug 1750902.

dom.vr.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Das Aktivieren dieser Funktion fügt allen HTML-Medienelementen die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften hinzu. Da Firefox jedoch derzeit keine Unterstützung für mehrere Audio- und Videotracks bietet, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht, sodass sie standardmäßig deaktiviert sind. Siehe Firefox Bug 1057233 für weitere Details.

media.track.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

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

Die GeometryUtils-Methoden convertPointFromNode(), convertRectFromNode() und convertQuadFromNode() Mappen den angegebenen Punkt, das Rechteck oder die vierfache Struktur vom 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 Node 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äres Zahlungsmanagement

Die Payment Request API bietet Unterstützung für das Management webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Bugs, der während der Tests der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, den Versand dieser API zu verschieben, während Diskussionen über potenzielle Änderungen an der API stattfinden. Die Arbeit daran läuft noch. (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 der Regionen (z.B. US,CA).

WebShare API

Die Web Share API erlaubt das Teilen von Dateien, URLs und anderen Daten von einer Website aus. Diese Funktion ist auf Android in allen Builds aktiviert, aber hinter einer Präferenz auf dem Desktop (es sei denn, unten anders angegeben).

dom.webshare.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Screen Orientation API

ScreenOrientation.lock()

Die Methode ScreenOrientation.lock() ermöglicht es, dass ein Gerät in einer bestimmten Ausrichtung gesperrt wird, wenn dies vom Gerät unterstützt und durch die Browser-Prä-Lock-Anforderungen erlaubt ist. Normalerweise ist das Sperren der Ausrichtung nur auf mobilen Geräten erlaubt, wenn das Dokument im Vollbildmodus angezeigt wird. Für weitere Details siehe Firefox Bug 1697647.

dom.screenorientation.allow-lock

Setzen Sie den Wert auf true, um zu aktivieren.

Benachrichtigungs-API

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

dom.webnotifications.requireinteraction.enabled

Setzen Sie den Wert 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 neben dem traditionellen Schloss-Symbol in der Adressleiste hinzu, wenn eine Seite unsicher geladen wird (d.h. unter Verwendung von HTTP anstelle von HTTPS). Die Präferenz 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 den Wert auf true, um das Textlabel für den normalen Browsingmodus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Setzen Sie den Wert auf true, um das Textlabel für den privaten Browsingmodus 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 standardmäßige <meta name="rating">-Element kann auf einer Webseite enthalten sein, um den Inhalt der Seite als eingeschränkt/erwachsen auszuweisen. Zum Zeitpunkt der Erstellung dieses Dokuments gibt es zwei mögliche content Werte, adult (von Google definiert) und RTA-5042-1996-1400-1577-RTA (von ASACP definiert), die denselben Effekt haben (es können in Zukunft mehr 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 zu sehen. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt unter about:restricted, der dem Benutzer erklärt, dass er versucht, eingeschränkten Inhalt anzuzeigen, erklärt, warum er den Inhalt nicht sehen kann, und ihm einen Zurück-Button gibt, um von dort zurückzukehren, woher er kam.

Siehe Firefox Bug 1991135 für weitere Details.

security.restrict_to_adults.always

Setzen Sie den Wert auf true, um den Zugang zu Webseiten zu beschränken, die sich als erwachsen ausweisen, indem ein <meta name="rating"> Element enthalten ist.

security.restrict_to_adults.respect_platform

Setzen Sie den Wert auf true, um den Zugang zu Webseiten zu beschränken, die sich als erwachsen ausweisen, indem ein <meta name="rating"> Element enthalten ist, nur wenn geeignete Kindersicherungseinstellungen im zugrunde liegenden Betriebssystem festgelegt sind (z.B. sind die macOS Content & Privacy-Einstellungen so eingestellt, dass explizite Webinhalte einschränken).

Berechtigungspolitik / Funktionspolitik

Berechtigungspolitik ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und ihr Verhalten zu ändern. Es ist ähnlich wie CSP, steuert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies wird in Firefox als Funktionspolitik 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 gesetzt werden können, auch wenn die Benutzereinstellung nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Datenschutzbewahrende Attribution API (PPA)

PPA API bietet eine Alternative zum Benutzer-Tracking für Werbeattribution mithilfe des neuen navigator.privateAttribution Objekts mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA im originalen Erklärer und die vorgeschlagene Spezifikation. Dieses Experiment kann für Websites über Ursprungstest oder im Browser durch Setzen der Präferenz 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 Subresource-Integritätsgarantien für Stile zu erzwingen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Meldungsendpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Stilen, auf die in einem <link> Element mit rel="stylesheet" verwiesen wird, das entweder die integrity Eigenschaft nicht aufweist oder einen Integritätshash hat, 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.

Speicherzugriffs-Header

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 Speicherzugriffsberechtigung für einen bestimmten Kontext (wie ein neuer Browser-Tab) zu aktivieren. Dies ist erforderlich, auch wenn die Berechtigung bereits erteilt wurde. Die Speicherzugriffs-Header ermöglichen es dem Browser, den Berechtigungsstatus für den bestimmten Kontext zu bewerben, sodass der Server die Aktivierung einer bereits erteilten Berechtigung anfordern kann. Dies vermeidet den Overhead eines unnötigen Abrufs und Ladens der Ressource.

dom.storage_access.headers.enabled

Setzen Sie den Wert auf true, um zu aktivieren.

Idempotency-Key

Der Idempotency-Key HTTP-Anforderungs-Header kann von Website-Client-Codes verwendet werden, um eine POST oder PATCH Anfragen idempotent zu machen, wenn sie mit einem unterstützenden Server verwendet wird. Die Spezifikation gibt an, dass der Server dokumentieren und bewerben sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und erwartete Fehlerantworten.

Firefox fügt den Header automatisch mit einem einzigartigen Schlüssel für jede neue POST-Anfrage hinzu, wenn er nicht bereits clientseitig vom Seitenclient-Code hinzugefügt wurde. Dies vereinfacht den clientseitigen Code, der erforderlich ist, um mit Servern zu arbeiten, die diese 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 Standardanforderungen und Bildanforderungen kann über eine Präferenz konfiguriert werden, um 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 standardmäßig den Wert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungswebsite navigiert, nicht für Quersite-Anfragen zum Laden von Bildern oder Frames in eine Drittanbieterwebsite und so weiter. Weitere Details finden Sie unter Firefox Bug 1617609.

network.cookie.sameSite.laxByDefault

Setzen Sie den Wert auf true, um zu aktivieren.

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

Der Access-Control-Allow-Headers ist eine Antwort auf eine CORS-Vorab-Anfrage, die angibt, welche Anforderungsheader in der endgültigen Anfrage enthalten sein dürfen. Die Antwortanweisung kann ein Wildcard (*) enthalten, was bedeutet, dass die endgültige Anfrage alle Header außer dem Authorization Header enthalten darf.

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

network.cors_preflight.authorization_covered_by_wildcard

Setzen Sie den Wert auf true, um zu aktivieren.

Entwicklertools

Die Entwickler-Tools 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 gelangen. Die unten aufgeführten Funktionen sind die aktuellen experimentellen Entwickler-Tool-Funktionen.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

• Entwicklerhinweise zu Firefox-Releases
• Firefox Nightly
• Firefox Developer Edition