Experimentelle Funktionen in Firefox

HTML

Layout für Eingabefeld type="search"

Das Layout für input type="search" wurde aktualisiert. Dies führt dazu, dass ein Suchfeld ein Löschsymbol anzeigt, sobald jemand mit der Eingabe beginnt, um die Implementierungen anderer Browser zu übernehmen. (Siehe Firefox-Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Auf true setzen, um zu aktivieren.

Passwort-Anzeige umschalten

HTML-Passworteingabefelder (<input type="password">) enthalten ein "Auge"-Symbol, das umgeschaltet werden kann, um das Passwort sichtbar oder verborgen anzuzeigen (Firefox-Bug 502258).

layout.forms.reveal-password-button.enabled

Auf true setzen, um zu aktivieren.

Zeitwähler für Eingabefeld datetime-local

HTML-Elemente für Eingabefelder vom Typ datetime-local (<input type="datetime-local">) beinhalten jetzt einen Zeitwähler (Firefox-Bug 1726108).

dom.forms.datetime.timepicker

Auf true setzen, um zu aktivieren.

CSS

Hex-Boxen zur Darstellung von Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc), abgesehen von tab (U+0009), line feed (U+000A), form feed (U+000C) und carriage return (U+000D), als eine Hex-Box, wenn sie nicht erwartet werden. (Siehe Firefox-Bug 1099557 für weitere Details.)

layout.css.control-characters.visible

Auf true setzen, um zu aktivieren.

initial-letter Eigenschaft

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und ermöglicht es Ihnen, anzugeben, wie hervorstehende, angehobene und versenkte Initialbuchstaben 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 für width und andere Größenangaben gilt. Diese Funktion ist bereits gut unterstützt für Größenangaben in CSS-Grid-Layouts. (Siehe Firefox-Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Auf true setzen, um zu aktivieren.

Durch Scrollen gesteuerte Animationen

Früher als "scroll-linked animations" bekannt, hängt eine durch Scrollen gesteuerte Animation von der Scroll-Position einer Bildlaufleiste ab, anstatt von der Zeit oder einer anderen Dimension. Die Eigenschaften scroll-timeline-name und scroll-timeline-axis (sowie die Kurzform scroll-timeline) erlauben es, anzugeben, dass eine bestimmte Bildlaufleiste in einem benannten Container als Quelle einer durch Scrollen gesteuerten Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation verknüpft werden, indem die Eigenschaft animation-timeline auf den Namen gesetzt wird, der mit scroll-timeline-name definiert wurde.

Bei Verwendung der Kurzform scroll-timeline muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Lang- und Kurzform sind beide hinter der Präferenz verfügbar. Alternativ können Sie die scroll() Funktionalnotation mit animation-timeline verwenden, um anzuzeigen, dass eine Bildlaufachse in einem übergeordneten Element für die Zeitleiste 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 Kurzform animation-range) werden noch nicht unterstützt. Für weitere Informationen siehe Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

prefers-reduced-transparency Medienfeature

Das CSS prefers-reduced-transparency Medienfeature lässt Sie erkennen, ob ein Benutzer die Einstellung aktiviert hat, um die Menge an transparenten oder durchscheinenden Ebeneneffekten 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 Medienfeature

Das CSS inverted-colors Medienfeature lässt Sie erkennen, ob ein Benutzer-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.

Benannte Ansichtsfortschritt-Zeitstrahlen-Eigenschaft

Die CSS-Eigenschaft view-timeline-name ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, der angibt, dass sein übergeordnetes Scroller-Element die Quelle eines Ansichtsfortschritt-Zeitstrahls ist. Der Name kann dann der animation-timeline zugewiesen werden, die 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

Auf true setzen, um zu aktivieren.

Anonyme Ansichtsfortschritt-Zeitstrahlen-Funktion

Die CSS-Funktion view() ermöglicht es Ihnen, anzugeben, dass die animation-timeline für ein Element ein Ansichtsfortschritt-Zeitstrahl ist, der das Element animieren wird, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Die Funktion definiert die Achse des übergeordneten Elements, die die Zeitleiste bereitstellt, sowie die Einfassung innerhalb des sichtbaren Bereichs, bei der die Animation beginnt und endet. Siehe (Firefox-Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Hersteller-spezifische transform-Eigenschaften

Die mit -moz- vorangestellten CSS transform Eigenschaften können durch Setzen der Präferenz layout.css.prefixes.transforms auf false deaktiviert werden. Die Absicht ist, diese zu deaktivieren, sobald die Standard-CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

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

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 unter Verwendung von einem oder mehreren "Form-Befehlen" zu definieren. Diese Befehle ähneln sehr den SVG-Pfad-Befehlen. Die shape() Funktion ist in gewisser Hinsicht ähnlich der path() Funktion, aber im Gegensatz zu path(), das die SVG-Pfad Syntax verwendet, benutzt 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-Mathefunktionen. Für weitere Details siehe Firefox-Bug 1823463 für die shape() Unterstützung in clip-path, Firefox-Bug 1884424 für die Unterstützung der Funktion in offset-path und Firefox-Bug 1884425 für ihre 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 festzulegen, 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.

Symmetrische letter-spacing

Die CSS letter-spacing Eigenschaft teilt jetzt den angegebenen Buchstabenabstand gleichmäßig auf beide Seiten jedes Zeichens auf. Dies unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich zu einer Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand verbessern, insbesondere bei gemischt gerichteten Texten. (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 Farbkanäle in relativen Farben analysieren und erlaubt es Ihnen, Änderungen an Farben in verschiedenen Farbräumen oder beim Verwenden unterschiedlicher Funktionsnotationen korrekt zu berechnen Firefox-Bug 1889561.

layout.css.relative-color-syntax.enabled

Auf true setzen, um zu aktivieren.

Pseudoelemente nach elementgestützten Pseudoelementen erlauben

Die Arbeit hat begonnen, um Pseudoelemente wie ::first-letter und ::before zu ermöglichen, an elementgestützte Pseudoelemente wie ::details-content und ::file-selector-button anzuhängen.

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

Derzeit kann nur Unterstützung für ::details-content::first-letter unter Verwendung von @supports(::details-content::first-letter) analysiert werden. Das ::file-selector-button Pseudoelement ist noch nicht als elementbasiertes Pseudoelement markiert, daher gibt es keine Möglichkeit, 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 zu anzuvisieren. Die :heading() funktionale Pseudoklasse ermöglicht es Ihnen, Überschriftselemente zu stylen, die einer durch Komma getrennten Liste von Ganzzahlen entsprechen, die den Überschriftsebenen entsprechen. (Firefox-Bug 1974386 & Firefox-Bug 1984310).

layout.css.heading-selector.enabled

Auf true setzen, um zu aktivieren.

text-decoration-trim

Die CSS-Eigenschaft text-decoration-trim erlaubt es Ihnen, Start- und Endversätze von text-decoration anzugeben, um Textdekorationen im Verhältnis zum Text zu kürzen, zu verlängern oder zu verschieben (Firefox-Bug 1979915).

layout.css.text-decoration-trim.enabled

Auf true setzen, um zu aktivieren.

@custom-media At-Regel

Die CSS-At-Regel @custom-media definiert Aliase für lange oder komplexe Medientypabfragen. 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

Auf true setzen, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

JavaScript

Keine experimentellen Funktionen in diesem Release-Zyklus.

APIs

CloseWatcher Schnittstelle

Integrierte Webkomponenten mit offenen und geschlossenen Semantiken, wie modale Dialoge und Popovers, können mit gerätenativen 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 zu implementieren, wie benutzerdefinierte Seitenleisten, die ähnlich mit nativen 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 Vektoren 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 Beta-Versionen aktiviert (Firefox-Bug 1992941).

Dies beinhaltet (nicht erschöpfend):

• Hinzufügen der Schnittstellen TrustedTypePolicyFactory, TrustedTypePolicy, TrustedHTML, TrustedScript, TrustedScriptURL und der trustedTypes Eigenschaft an Window und WorkerGlobalScope.
• Updates zu Injektionsschnittstellen wie Element.innerHTML und document.write(), um zu ermöglichen, dass TrustedHTML, TrustedScript, TrustedScriptURL neben Zeichenfolgen übergeben werden.
• Unterstützung für die Direktiven require-trusted-types-for und trusted-types, und das Schlüsselwort 'trusted-types-eval' des Content-Security-Policy HTTP-Headers. Diese können verwendet werden, um vertrauenswürdige Typen anstelle von Zeichenfolgen durchzusetzen, die spezifischen Richtlinien zu benennen, die erlaubt sind, und um die Verwendung von eval() und ähnlichen Funktionen zu ermöglichen, 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 es Entwicklern, nicht vertrauenswürdige HTML-Zeichenfolgen zu bereinigen, bevor sie sicher in das DOM eines Dokuments eingefügt werden.

dom.security.sanitizer.enabled

Auf true setzen, um zu aktivieren.

Entfernung der beforescriptexecute und afterscriptexecute Ereignisse

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

dom.events.script_execute.enable

Auf true setzen, um zu aktivieren.

Eigenschaften actions und maxActions für Benachrichtigungen

Die Leseeigenschaft actions und die statische Leseeigenschaft maxActions der Notification Schnittstelle sind in Nightly auf Desktop verfügbar. Diese enthalten die mit ServiceWorkerRegistration.showNotification() gesetzten Benachrichtigungsaktionen und die maximale Anzahl von einstellbaren Aktionen. (Firefox-Bug 1225110, Firefox-Bug 1963263).

dom.webnotifications.actions.enabled

Auf true setzen, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfs-Erweiterungen

Wenn diese Präferenz aktiviert ist, werden alle derzeit im "Entwurf"-Status befindlichen WebGL-Erweiterungen, die getestet werden, zur Verwendung aktiviert. Derzeit gibt es keine von Firefox getesteten WebGL-Erweiterungen.

WebGPU API

Die WebGPU API bietet Unterstützung auf niedriger Ebene für das Durchführen von Berechnung und Grafikrendering unter Verwendung des Graphics Processing Unit (GPU) des Benutzergeräts oder -computers. Ab Version 142 ist dies auf Windows in allen Kontexten außer Service Workern aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon in allen 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 unseren Fortschritt bei dieser API.

dom.webgpu.enabled

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

dom.webgpu.service-workers.enabled

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

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

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

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

CSP-Verstoßberichte können auch an entfernte Endpunkte gesendet werden, die durch Namen in der CSP report-to Direktive angegeben sind — Endpunktnamen und entsprechende URLs müssen zuerst in den Reporting-Endpoints oder Report-To HTTP-Antwort-Headern 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 die CSP report-uri Direktive verwendet, um die URL des Berichts-Endpunkts festzulegen, 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 die im WebRTC API, Web Audio API, Media Source Extensions API, Encrypted Media Extensions API und Media Capture and Streams API gefundenen.

Asynchrone SourceBuffer hinzufügen und entfernen

Dies fügt die auf Versprechen basierenden Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Medien-Source-Buffern zur SourceBuffer Schnittstelle hinzu. Siehe Firefox-Bug 1280613 und Firefox-Bug 778617 für weitere Informationen.

media.mediasource.experimental.enabled

Auf true setzen, um zu aktivieren.

AVIF-Konformitäts-Striktheit

Die Präferenz image.avif.compliance_strictness kann verwendet werden, um die Striktheit beim Verarbeiten von AVIF Bildern zu steuern. Dies ermöglicht es Firefox-Nutzern, Bilder anzuzeigen, die in einigen anderen Browsern gerendert werden, selbst 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 in Empfehlungen („sollte“ Sprache) und Anforderungen („muss“ Sprache), sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Gemischt. Lehne Verstöße gegen Anforderungen („muss“) ab, erlaube jedoch Verstöße gegen Empfehlungen („sollte“).
• 2: Streng. Lehne alle Verstöße gegen angegebene Anforderungen oder Empfehlungen ab.

JPEG XL Support

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).

image.jxl.enabled

Auf true setzen, um zu aktivieren.

WebVR API

WebVR API (Deaktiviert)

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

dom.vr.enabled

Auf true setzen, um zu aktivieren.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

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

media.track.enabled

Auf true setzen, um zu aktivieren.

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

Die GeometryUtils Methoden convertPointFromNode(), convertRectFromNode() und convertQuadFromNode() ordnen den angegebenen 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

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 weitere Details.)

layout.css.getBoxQuads.enabled

Auf true setzen, um zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung zur Abwicklung webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während des Testens der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, diese API vorerst nicht zu veröffentlichen, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeit wird fortgesetzt. (Siehe Firefox-Bug 1318984 für weitere Details.)

dom.payments.request.enabled

Auf true setzen, um zu aktivieren.

dom.payments.request.supportedRegions

Ländercodes als durch Komma getrennte Whitelist von Regionen (z.B. US,CA).

WebShare API

Die Web Share API ermöglicht das Teilen von Dateien, URLs und anderen Daten von einer Webseite. Diese Funktion ist auf Android in allen Builds aktiviert, aber hinter einer Präferenz auf Desktop (sofern nicht unten aufgeführt).

dom.webshare.enabled

Auf true setzen, um zu aktivieren.

Screen Orientation API

ScreenOrientation.lock()

Die Methode ScreenOrientation.lock() erlaubt es, ein Gerät auf eine bestimmte Ausrichtung zu sperren, wenn dies vom Gerät unterstützt wird und die Sperr-Anforderungen des Browsers erfüllt. In der Regel ist das Sperren der Ausrichtung nur auf Mobilgeräten erlaubt, wenn das Dokument im Vollbildmodus angezeigt wird. Siehe Firefox-Bug 1697647 für weitere Details.

dom.screenorientation.allow-lock

Auf true setzen, um zu aktivieren.

Notifications API

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

dom.webnotifications.requireinteraction.enabled

Auf true setzen, um zu aktivieren.

Sicherheit und Privatsphäre

Kennzeichnung unsicherer Seiten

Die beiden security.insecure_connection_text_* Präferenzen fügen neben dem traditionellen Schloss-Symbol einen "Nicht sicher"-Text im Adressfeld hinzu, wenn eine Seite unsicher geladen wird (das heißt, unter Verwendung von HTTP anstatt von HTTPS). Die browser.urlbar.trimHttps Präferenz kürzt das https: Präfix von URLs im Adressfeld. Siehe Firefox-Bug 1853418 für weitere Details.

security.insecure_connection_text.enabled

Auf true setzen, um das Textlabel für normales Browsen zu aktivieren.

security.insecure_connection_text.pbmode.enabled

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

browser.urlbar.trimHttps

Auf true setzen, um das https: Präfix von URLs im Adressfeld zu kürzen.

Einschränken 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 denselben Effekt haben (mehr Optionen könnten 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 zu verhindern, dass Benutzer den Inhalt sehen. Die Implementierung in Firefox ersetzt die Seite durch den Inhalt, der unter 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 einen Zurück-Knopf gibt, um ihn dorthin zurück zu bringen, woher er kam.

Siehe Firefox-Bug 1991135 für weitere Details.

security.restrict_to_adults.always

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

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugriff auf Webseiten einzuschränken, die sich selbst als "erwachsen" identifizieren, indem sie ein <meta name="rating"> Element nur dann enthalten, wenn entsprechende Kindersicherungseinstellungen auf dem zugrunde liegenden Betriebssystem gesetzt sind (zum Beispiel, wenn die macOS Inhalt & Privatsphäre Einstellungen gesetzt sind, um expliziten Webinhalt einzuschränken).

Berechtigungspolice / Funktion-Polizierung

Berechtigungspolice erlaubt es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren oder deren Verhalten zu ändern. Es ist ähnlich wie CSP, kontrolliert aber Funktionen anstatt sicherheitsbezogenes Verhalten. Dies wird in Firefox als Funktion-Police implementiert, der Name, der in einer früheren Version der Spezifikation verwendet wurde.

Beachten Sie, dass unterstützte Police-Einstellungen über das allow Attribut auf <iframe> Elementen gesetzt werden können, selbst 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 Anzeigebucheintragung durch Verwendung des neuen Objekts navigator.privateAttribution mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA im Original-Explainer und die vorgeschlagene Spezifikation. Dieses Experiment kann für Websites über Origin-Trial oder im Browser durch Setzen der Präferenz auf 1 aktiviert werden. (Firefox-Bug 1900929).

dom.origin-trials.private-attribution.state

Auf true setzen, um zu aktivieren.

HTTP

Integritätspolice 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, Garantien der Integrität von Subressourcen für Stile zu erzwingen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Berichtsendpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Wenn Integritätspolice verwendet wird, blockiert der Browser das Laden von Stilen, die in einem <link> Element mit rel="stylesheet" referenziert sind und entweder das integrity Attribut nicht haben oder einen Integritätshash aufweisen, der nicht mit der Ressource auf dem Server übereinstimmt. (Firefox-Bug 1976656).

security.integrity_policy.stylesheet.enabled

Auf true setzen, um zu aktivieren.

Speicherzugriff-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 rein JavaScript-basierten Workflow muss eine Drittanbieterressource angefordert und geladen werden, um eine Speicherzugriff-Zulassung für einen bestimmten Kontext zu aktivieren (zum Beispiel einen neuen Browser-Tab). Dies ist auch erforderlich, wenn die Erlaubnis bereits erteilt wurde. Die Speicherzugriff-Header ermöglichen es dem Browser, den Erlaubnisstatus für den bestimmten Kontext anzuzeigen, damit der Server die Aktivierung einer bereits erteilten Erlaubnis anfordern kann. Dies vermeidet den Overhead, die Ressource unnötig abzurufen und zu laden.

dom.storage_access.headers.enabled

Auf true setzen, um zu aktivieren.

Idempotency-Key

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

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST-Anforderung hinzu, wenn der Header nicht bereits vom Seiten-Client-Code hinzugefügt wurde. Dies vereinfacht den benötigten Client-Code, um mit Servern zu arbeiten, 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 die Unterstützung für den MIME-Typ image/jxl anzuzeigen.

image.jxl.enabled

Auf true setzen, 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 für Cross-Site-Unteranforderungen, um Bilder oder Frames in eine Drittanbieter-Seite zu laden, usw. Weitere Informationen siehe Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Auf true setzen, um zu aktivieren.

Access-Control-Allow-Headers-Wildcard umfasst keine Autorisierung

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 Antwort-Anweisung kann einen Platzhalter (*) enthalten, was bedeutet, 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 einbezieht. Weitere Details siehe Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Auf true setzen, um zu aktivieren.

Entwickler-Tools

Die Entwickler-Tools von Mozilla entwickeln sich ständig weiter. Wir experimentieren mit neuen Ideen, fügen neue Funktionen hinzu und testen sie in den Nightly- und Developer-Edition-Kanälen, bevor sie in Beta und Release durchdringen. Die unten aufgeführten Funktionen sind die aktuelle Ernte von experimentellen Entwickler-Tools.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

• Firefox-Entwicklerveröffentlichungsnotizen
• Firefox Nightly
• Firefox Developer Edition