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 andere Browserimplementierungen abzugleichen. (Siehe Firefox Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Auf true setzen, um zu aktivieren.

Umschalten der Passwortanzeige

HTML-Passwort-Eingabeelemente (<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

Auf true setzen, um zu aktivieren.

Zeitwähler für datetime-local Eingabefeld

HTML datetime-local Eingabeelemente (<input type="datetime-local">) enthalten jetzt einen Zeitwähler (Firefox Bug 1726108).

dom.forms.datetime.timepicker

Auf true setzen, um zu aktivieren.

CSS

Hex-Boxen zur Anzeige von verloren gegangenen 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 eine Hex-Box, wenn sie unerwartet auftreten. (Siehe Firefox Bug 1099557 für weitere Details.)

layout.css.control-characters.visible

Auf true setzen, um zu aktivieren.

Eigenschaft initial-letter

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und ermöglicht es Ihnen festzulegen, wie fallende, erhobene und versenkte Anfangsbuchstaben angezeigt werden. (Siehe Firefox Bug 1223880 für weitere Details.)

layout.css.initial-letter.enabled

Auf true setzen, 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-Spurgrößen unterstützt. (Siehe Firefox Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Auf true setzen, um zu aktivieren.

Scrollabhängige Animationen

Zuvor "scrollverknüpfte Animationen" genannt, basiert eine scrollabhängige Animation auf der Scrollposition eines Scrollbalkens anstelle von Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschreibweise) ermöglichen es Ihnen festzulegen, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scrollabhängige Animation verwendet werden kann. Die Scroll-Zeitachse 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 Lang- und Kurzschreibweise sind beide über die Präferenz verfügbar. Sie können alternativ die scroll() Funktionalnotation mit animation-timeline verwenden, um anzugeben, dass eine Scrollleiste in einem übergeordneten Element für die Zeitachse verwendet wird.

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

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

prefers-reduced-transparency Medienfunktion

Die CSS prefers-reduced-transparency Medienfunktion ermöglicht es Ihnen zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, um die Menge an transparenten oder transluzenten Schichteffekten auf ihrem Gerät zu minimieren. Siehe (Firefox Bug 1736914) für weitere Details.

layout.css.prefers-reduced-transparency.enabled

Auf true setzen, um zu aktivieren.

inverted-colors Medienfunktion

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

layout.css.inverted-colors.enabled

Auf true setzen, um zu aktivieren.

Named view progress timelines Eigenschaft

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

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Anonyme view progress timelines Funktion

Die CSS view() Funktion 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 durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt wird. Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitachse liefert, sowie die Einpassung im sichtbaren Bereich, bei der die Animation startet und beginnt. Siehe (Firefox Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Herstellerpräfix transform Eigenschaften

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

Speziell diese Präferenz wird 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

Auf true setzen, um zu aktivieren.

shape() Funktion

Die CSS shape() Funktion ist ein <basic-shape> Datentyp, der es Ihnen ermöglicht, eine Form in den clip-path und offset-path Eigenschaften mit einem oder mehreren "Form-Befehlen" zu definieren. Diese Befehle sind den SVG-Pfadbefehlen sehr ähnlich. Die shape() Funktion ist in einigen Aspekten 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 Ihnen, Formen einfach zu erstellen und zu bearbeiten und auch die Verwendung von CSS-Mathematikfunktionen. Für weitere Details siehe 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 Interpolationsunterstützung.

layout.css.basic-shape-shape.enabled

Auf true setzen, 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 zu spezifizieren, 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

Auf true setzen, 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 ist anders als das aktuelle Verhalten, bei dem der Abstand hauptsächlich zu einer Seite hinzugefügt wird. Dieser Ansatz kann die Textabstände verbessern, insbesondere bei Texten mit gemischter Richtung. (Firefox Bug 1891446).

layout.css.letter-spacing.model

Auf true setzen, um zu aktivieren.

calc() Farbkanalunterstützung in relativen Farben

Die CSS calc() Funktion kann jetzt Farbbestandteile in relativen Farben analysieren, sodass Sie Farbänderungen in verschiedenen Farbräumen oder bei Verwendung unterschiedlicher funktionaler Notationen korrekt berechnen können. Firefox Bug 1889561.

layout.css.relative-color-syntax.enabled

Auf true setzen, um zu aktivieren.

Erlauben von Pseudoelementen nach elementgestützten Pseudoelementen

Die Arbeiten haben begonnen, um Pseudoelemente wie ::first-letter und ::before an elementgestützte Pseudoelemente wie ::details-content und ::file-selector-button anzuhängen.

Dies ermöglicht es Benutzern beispielsweise, den ersten Buchstaben des <details> Elements zu stylen, indem der CSS-Selektor ::details-content::first-letter verwendet wird, oder Inhalte vor einem <input> von type="file" hinzufügen, indem der CSS-Selektor ::file-selector-button::before verwendet wird.

Derzeit kann nur die Unterstützung für ::details-content::first-letter mit @supports(::details-content::first-letter) analysiert werden. Das ::file-selector-button Pseudoelement ist noch nicht als elementgestütztes Pseudoelement gekennzeichnet, sodass es keine Möglichkeit gibt, dies zu testen. (Firefox Bug 1953557, Firefox Bug 1941406).

:heading und :heading() Pseudoklassen

Die :heading Pseudoklasse ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln anzusprechen. Die :heading() funktionale Pseudoklasse ermöglicht es Ihnen, Überschriftselemente zu stylen, die einer durch Kommata getrennten Liste von Ganzzahlen entsprechen, die den Überschriftenebenen entsprechen. (Firefox Bug 1974386 & Firefox Bug 1984310).

layout.css.heading-selector.enabled

Auf true setzen, um zu aktivieren.

text-decoration-trim

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

layout.css.text-decoration-trim.enabled

Auf true setzen, um zu aktivieren.

@custom-media Regel

Die @custom-media CSS-Regel definiert Aliase für lange oder komplexe Medienabfragen. Anstatt dieselbe hartkodierte <media-query-list> in mehreren @media-Regeln zu wiederholen, kann sie einmal in einer @custom-media-Regel definiert und bei Bedarf im gesamten Stylesheet referenziert werden. (Firefox Bug 1744292).

layout.css.custom-media.enabled

Auf true setzen, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

JavaScript

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

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 auf Android einen Dialog mit der Zurück-Taste schließen. Die CloseWatcher Schnittstelle ermöglicht es Entwicklern, UI-Komponenten, wie benutzerdefinierte Seitenleisten, zu implementieren, die ähnlich mit native Mechanismen geschlossen werden können. (Firefox Bug 1888729).

dom.closewatcher.enabled

Auf true setzen, um zu aktivieren.

Trusted Types API

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

Dazu gehören (nicht erschöpfend):

• Hinzufügung der TrustedTypePolicyFactory, TrustedTypePolicy, TrustedHTML, TrustedScript, TrustedScriptURL Schnittstellen, und die trustedTypes Eigenschaft auf Window und WorkerGlobalScope.
• Updates zu Injektions-Sink-Schnittstellen, wie Element.innerHTML und document.write(), um TrustedHTML, TrustedScript, TrustedScriptURL neben Zeichenketten zu erlauben.
• Unterstützung für die require-trusted-types-for und trusted-types Direktiven, und das 'trusted-types-eval' Schlüsselwort, des Content-Security-Policy HTTP-Headers. Diese können verwendet werden, um vertrauenswürdige Typen anstelle von Zeichenketten zu erzwingen, die spezifischen Richtlinien zu benennen, die erlaubt sind, und um es zu ermöglichen, dass eval() und ähnliche Funktionen verwendet werden, wenn Trusted Types unterstützt und durchgesetzt werden.

dom.security.trusted_types.enabled

Auf true setzen, um zu aktivieren.

HTML Sanitizer API

Die HTML Sanitizer API ermöglicht Entwicklern, nicht vertrauenswürdige HTML-Zeichenfolgen zu bereinigen, um sie sicher in das DOM eines Dokuments einzufügen.

dom.security.sanitizer.enabled

Auf true setzen, um zu aktivieren.

Entfernung von beforescriptexecute und afterscriptexecute Ereignissen

Die nicht standardmäßigen Ereignisse beforescriptexecute und afterscriptexecute auf der Document Schnittstelle, und afterscriptexecute und beforescriptexecute auf der Element Schnittstelle stehen zur Entfernung an. Sie sind in Nightly deaktiviert. (Firefox Bug 1954685).

dom.events.script_execute.enable

Auf true setzen, um zu aktivieren.

Eigenschaften actions und maxActions von Notification

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

Auf true setzen, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

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

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für Berechnungen und Grafikrendering 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 Dienstarbeitern aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon in allen Browsing-Kontexten außer Dienstarbeitern 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

Auf true setzen, um zu aktivieren (aktiviert in Nightly und auf Windows in allen Releases)

dom.webgpu.service-workers.enabled

Auf true setzen, um zu aktivieren (aktiviert in Nightly)

Unterstützung der Berichts-API für CSP-Verstöße

Die Reporting API hat jetzt Unterstützung für das Melden von Content Security Policy (CSP) Verstößen.

Report Instanzen, die von der ReportingObserver Schnittstelle zurückgegeben werden, können jetzt einen type-Wert von "csp-violation" und eine body-Eigenschaft haben, die eine Instanz der CSPViolationReportBody Schnittstelle enthält. Dies ermöglicht es, CSP-Verstöße innerhalb einer Webseite zu melden.

CSP-Verstoßberichte können auch an entfernte Endpunkte gesendet werden, die im CSP report-to-Direktivnamen angegeben sind – Endpunktnamen und entsprechende URLs müssen zuerst im Reporting-Endpoints oder Report-To HTTP-Antwort-Header definiert werden. Der Bericht ist eine Serialisierung des oben beschriebenen Report Objekts, mit einer body-Eigenschaft, die eine Serialisierung einer CSPViolationReportBody Instanz ist.

Dieser Verstoßbericht ersetzt einen ähnlichen CSP-spezifischen Mechanismus zum Senden von Verstoßberichten, der das CSP report-uri-Direktiv verwendet, um die URL des Berichts-Endpunkts zu setzen, und ein CSP-spezifisches JSON-Verstoßbericht-Format hat. (Firefox Bug 1391243).

dom.reporting.enabled

Auf true setzen, um zu aktivieren.

WebRTC und Medien

Die folgenden experimentellen Funktionen umfassen diejenigen, 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 gefunden wurden.

Asynchrone SourceBuffer-Add- und Remove-Methoden

Dies fügt die auf Promise basierende Methode appendBufferAsync() und removeAsync() für das Hinzufügen und Entfernen von Mediapufferquellen zur SourceBuffer Schnittstelle hinzu. Siehe Firefox Bug 1280613 und Firefox Bug 778617 für mehr Informationen.

media.mediasource.experimental.enabled

Auf true setzen, um zu aktivieren.

AVIF-Konformitätsstriktheit

Die image.avif.compliance_strictness Präferenz kann verwendet werden, um die Striktheit zu steuern, die beim Verarbeiten von AVIF Bildern angewendet wird. Dies erlaubt Firefox-Benutzern, Bilder anzuzeigen, die auf einigen anderen Browsern gerendert werden, auch wenn sie nicht strikt konform sind.

image.avif.compliance_strictness

Numerischer Wert, der ein Striktheitsniveau angibt. Erlaubte 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 (Standardwert): Gemischt. Weisen Sie Verletzungen von Anforderungen ("muss") zurück, erlauben Sie jedoch Verletzungen von Empfehlungen ("sollte").
• 2: Strikt. Weisen Sie alle Verletzungen der angegebenen Anforderungen oder Empfehlungen zurück.

JPEG XL Unterstützung

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

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

image.jxl.enabled

Auf true setzen, um zu aktivieren.

WebVR API

WebVR API (Deaktiviert)

Die veraltete WebVR API steht zur Entfernung an. Sie ist standardmäßig in allen Builds deaktiviert Firefox Bug 1750902.

dom.vr.enabled

Auf true setzen, um zu aktivieren.

HTMLMediaElement-Eigenschaften: audioTracks und videoTracks

Wenn diese Funktion aktiviert ist, fügen Sie die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften zu allen HTML-Medienelementen hinzu. 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, sodass sie beide standardmäßig deaktiviert sind. Siehe Firefox Bug 1057233 für mehr Informationen.

media.track.enabled

Auf true setzen, um zu aktivieren.

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

Die GeometryUtils-Methoden convertPointFromNode(), convertRectFromNode(), und convertQuadFromNode() mappen den gegebenen Punkt, das Rechteck oder das Viereck von dem Node, auf dem sie aufgerufen werden, auf einen anderen Knoten. (Siehe Firefox Bug 918189 für mehr Informationen).

layout.css.convertFromNode.enable

Auf true setzen, um zu aktivieren.

GeometryUtils-Methode: getBoxQuads()

Die GeometryUtils-Methode getBoxQuads() gibt die CSS-Boxen für einen Node relativ zu jedem anderen Knoten oder Viewport zurück. (Siehe Firefox Bug 917755 für mehr Informationen).

layout.css.getBoxQuads.enabled

Auf true setzen, um zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Handhabung von webbasierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während des Tests der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, die Auslieferung dieser API zu verschieben, während Diskussionen über potenzielle Änderungen an der API geführt werden. Die Arbeit ist im Gange. (Siehe Firefox Bug 1318984 für mehr Informationen).

dom.payments.request.enabled

Auf true setzen, um zu aktivieren.

dom.payments.request.supportedRegions

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

Web Share API

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

dom.webshare.enabled

Auf true setzen, um zu aktivieren.

Screen Orientation API

ScreenOrientation.lock()

Die Methode ScreenOrientation.lock() ermöglicht das Sperren eines Geräts auf eine bestimmte Ausrichtung, wenn es vom Gerät unterstützt und durch die Browser-Vorsperranforderungen erlaubt ist. Normalerweise ist das Sperren der Ausrichtung nur auf Mobilgeräten erlaubt, wenn das Dokument im Vollbildmodus angezeigt wird. Siehe Firefox Bug 1697647 für mehr Informationen.

dom.screenorientation.allow-lock

Auf true setzen, um zu aktivieren.

Benachrichtigungs-API

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

dom.webnotifications.requireinteraction.enabled

Auf true setzen, um zu aktivieren.

Sicherheit und Datenschutz

Unsichere Seitenkennzeichnung

Die zwei 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 (d.h. unter Verwendung von HTTP anstelle von HTTPS). Die browser.urlbar.trimHttps Präferenz kürzt das https: Präfix aus Adressleisten-URLs. Siehe Firefox Bug 1853418 für mehr Informationen.

security.insecure_connection_text.enabled

Auf true setzen, um das Textlabel für den normalen Browsing-Modus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Auf true setzen, um das Textlabel für den privaten Browsing-Modus zu aktivieren.

browser.urlbar.trimHttps

Auf true setzen, um das https: Präfix aus Adressleisten-URLs 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 des Verfassens dieses Dokuments gibt es zwei mögliche content-Werte, adult (definiert von Google) und RTA-5042-1996-1400-1577-RTA (definiert von ASACP), die denselben Effekt haben (mehr Optionen können in Zukunft hinzugefügt werden).

Die folgenden <meta> Elemente sind gleichwertig:

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

Browser, die dieses Element erkennen, können dann Schritte unternehmen, um Benutzer von der Anzeige des Inhalts abzuhalten. Firefox' Implementierung ersetzt die Seite durch den Inhalt, der bei about:restricted gefunden wird, was dem Benutzer erklärt, dass er versucht, eingeschränkten Inhalt anzuzeigen, erklärt, warum er ihn nicht anzeigen kann, und gibt ihm eine Zurück-Schaltfläche, um dorthin zurückzukehren, wo er hergekommen ist.

Siehe Firefox Bug 1991135 für mehr Informationen.

security.restrict_to_adults.always

Auf true setzen, um den Zugriff auf Webseiten zu beschränken, die sich selbst als erwachsen kennzeichnen, indem sie ein <meta name="rating"> Element enthalten.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugriff auf Webseiten zu beschränken, die sich selbst als erwachsen kennzeichnen, indem sie ein <meta name="rating"> Element enthalten, nur wenn entsprechende Jugendschutzeinstellungen auf dem zugrunde liegenden Betriebssystem gesetzt sind (zum Beispiel, wenn die macOS Content & Privacy Einstellungen auf das Einschränken von anstößigem Webinhalt gesetzt sind).

Permissions Policy / Funktionsrichtlinie

Permissions Policy erlaubt Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren oder das Verhalten zu ändern. Es ist ähnlich wie CSP, kontrolliert jedoch Funktionen anstelle von 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 gesetzt werden können, auch wenn die Benutzerpräferenz nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Auf true setzen, um zu aktivieren.

Privacy Preserving Attribution API (PPA)

PPA API bietet eine Alternative zur Benutzerverfolgung für die Anzeigezuschreibung unter Verwendung des neuen navigator.privateAttribution Objekts mit saveImpression() und measureConversion() Methoden. Lesen Sie mehr über PPA im ursprünglichen Erklärer und die vorgeschlagene Spezifikation. Dieses Experiment kann über origin trial oder im Browser durch Setzen der Präferenz auf 1 für Websites aktiviert werden. (Firefox Bug 1900929).

dom.origin-trials.private-attribution.state

Auf true setzen, 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, Subresource-Integritätsgarantien für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Meldeendpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Bei Verwendung von Integrity-Policy blockiert der Browser das Laden von Stilen, die in einem <link> Element referenziert werden, mit rel="stylesheet", 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

Auf true setzen, um zu aktivieren.

Speicherzugriffs-Header

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

Im rein JavaScript-basierten Arbeitsablauf muss eine Drittanbieterressource angefordert und geladen werden, um eine Speicherzugriffserlaubnis für einen bestimmten Kontext (z. B. ein neuer Browsertab) zu aktivieren. Dies ist erforderlich, auch wenn die Erlaubnis 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 Erlaubnis anfordern kann. Dies vermeidet die Überlastung durch unnötiges Anfordern und Laden der Ressource.

dom.storage_access.headers.enabled

Auf true setzen, um zu aktivieren.

Idempotenz-Schlüssel

Der Idempotency-Key HTTP-Anforderungs-Header kann von der Website-Client-Code verwendet werden, um POST oder PATCH Anforderungen idempotent zu machen, wenn er mit einem Server verwendet wird, der ihn unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und bewerben sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und die erwarteten Fehlerantworten.

Firefox fügt automatisch den Header mit einem eindeutigen Schlüssel für jede neue POST-Anforderung hinzu, wenn er nicht bereits durch den Seiten-Client-Code hinzugefügt wurde. Dies vereinfacht den Client-seitigen Code, der für die Interaktion mit Servern erforderlich ist, die die Funktion unterstützen.

(Firefox Bug 1830022).

network.http.idempotencyKey.enabled

Auf true setzen, 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

Auf true setzen, 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 Ursprungsseite navigiert, nicht jedoch für Cross-Site-Unteranfragen zum Laden von Bildern oder Frames in eine Drittanbieterseite usw. Weitere Details finden Sie unter Firefox Bug 1617609.

network.cookie.sameSite.laxByDefault

Auf true setzen, um zu aktivieren.

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

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

network.cors_preflight.authorization_covered_by_wildcard

Auf true setzen, um zu aktivieren.

Entwicklerwerkzeuge

Mozillas Developer-Tools 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 Beta und Release erreichen. Die unten genannten Funktionen sind die aktuelle Reihe von experimentellen Entwicklerwerkzeugen.

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

Siehe auch

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