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 beginnt, darin zu tippen, um die Implementierungen anderer Browser anzupassen. (Siehe Firefox-Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

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

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

Auf true setzen, um zu aktivieren.

alpha und colorspace Attribute in color Eingabeelementen

Das HTML-Eingabeelement <input type="color"> unterstützt die Attribute alpha & colorspace. (Firefox-Bug 1919718).

dom.forms.html_color_picker.enabled

Auf true setzen, um zu aktivieren.

CSS

Hex-Codes zur Anzeige freier Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tab (U+0009), Zeilenumbruch (U+000A), Formularumbruch (U+000C), und Wagenrücklauf (U+000D) als Hex-Code, 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, anzugeben, wie abgesetzte, gehobene und gesunkene 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 in Bezug auf width und andere Größenangabe-Eigenschaften. Diese Funktion wird bereits gut unterstützt für das CSS Grid Layout Track Sizing. (Siehe Firefox-Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Auf true setzen, um zu aktivieren.

Scrollgesteuerte Animationen

Früher als "scroll-verknüpfte Animationen" bezeichnet, hängt eine scrollgesteuerte Animation von der Scrollposition eines Scrollbalkens anstelle von Zeit oder einer anderen Dimension ab. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschrift-Eigenschaft) erlauben es, anzugeben, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scrollgesteuerte Animation verwendet werden kann. Der Scroll-Timeline kann dann mit einer Animation verbunden werden, indem die animation-timeline Eigenschaft auf den mit scroll-timeline-name definierten Namenwert gesetzt wird.

Bei der Verwendung der scroll-timeline Kurzschrift-Eigenschaft muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Langschrift- und Kurzschrift-Eigenschaften sind beide hinter der Einstellung verfügbar. Alternativ können Sie die scroll() Funktionsnotierung mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse in einem übergeordneten Element für die Timeline verwendet wird.

Weitere Informationen finden Sie im 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 Kurzschrift-Eigenschaft) werden noch nicht unterstützt. Weitere Informationen siehe Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

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

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

Auf true setzen, um zu aktivieren.

Eigenschaft für benannte Ansichtsfortschrittstimen

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

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Anonyme Ansichtsfortschrittstimen Funktion

Die CSS view() Funktion ermöglicht es zu spezifizieren, dass die animation-timeline für ein Element eine Ansichtsfortschrittstimeline ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrolling-Elements bewegt. Die Funktion definiert die Achse des übergeordneten Elements, die die Timeline liefert, sowie den Abschnitt innerhalb des sichtbaren Bereichs, bei dem 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.

Anbieterpräfixe transform Eigenschaften

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

Konkret deaktiviert diese Einstellung die folgenden vorangestellten Eigenschaften:

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

Symmetrisches letter-spacing

Die CSS letter-spacing Eigenschaft teilt jetzt den angegebenen Buchstabenabstand gleichmäßig auf beiden Seiten jedes Zeichens auf. Dies unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich auf einer Seite hinzugefügt wird. Dieser Ansatz kann die Textabstände verbessern, insbesondere bei Texten mit gemischter Richtung. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Auf true setzen, um zu aktivieren.

Erlaube Pseudo-Elemente nach elementgestützten Pseudo-Elementen

Es wurde begonnen, Unterstützung hinzuzufügen, um Pseudo-Elemente wie ::first-letter und ::before an elementgestützte Pseudo-Elemente wie ::details-content und ::file-selector-button anzuhängen.

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

Derzeit kann nur Unterstützung für ::details-content::first-letter mithilfe von @supports(::details-content::first-letter) geparst werden. Das ::file-selector-button Pseudo-Element ist noch nicht als elementgestütztes Pseudo-Element markiert, daher gibt es keine Möglichkeit, dies zu testen. (Firefox-Bug 1953557, Firefox-Bug 1941406).

:heading und :heading() Pseudo-Klassen

Die :heading Pseudo-Klasse ermöglicht es, alle Überschriftselemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln zu adressieren. Die :heading() funktionale Pseudo-Klasse erlaubt es, Überschriftselemente zu stylen, die einer durch Kommas getrennten Liste von ganzen Zahlen entsprechen, die die Überschriftenebenen darstellen. (Firefox-Bug 1974386 & Firefox-Bug 1984310).

layout.css.heading-selector.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 fest kodierte <media-query-list> in mehreren @media Regeln zu wiederholen, kann sie einmal in einer @custom-media Regel definiert und im gesamten Stylesheet bei Bedarf referenziert werden. (Firefox-Bug 1744292).

layout.css.custom-media.enabled

Auf true setzen, um zu aktivieren.

<attr-type> Werte in attr() CSS Funktion

Die attr() CSS Funktion unterstützt nun <attr-type> Werte. Dies ermöglicht es, anzugeben, wie ein Attributwert in einen CSS-Wert geparst wird und diese Werte direkt von data-* zu übernehmen. (Firefox-Bug 1986631, Firefox-Bug 1998245)

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

Namespaced Attribute in attr() CSS Funktion

Die attr() CSS Funktion akzeptiert nun namespaced Attribute. Dies ermöglicht es, Attribute von Elementen XML-basierter Sprachen wie SVG zu übernehmen und sie entsprechend zu stylen. (Firefox-Bug 2014060.

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

Absolut positionierte Elemente in Mehrspalten-Containern und beim Drucken

Absolut positionierte Elemente innerhalb von Mehrspalten-Containern und beim Drucken werden jetzt korrekt positioniert und fragmentiert. Dies verbessert die Interoperabilität mit anderen Browsern und verhindert Layoutprobleme wie überlappenden Text oder Inhaltsverlust. (Firefox-Bug 2018797).

layout.abspos.fragmentainer-aware-positioning.enabled

Auf true setzen, um zu aktivieren.

@container style() Bereichssyntax-Abfragen

Die @container CSS-Regel style() Abfragen unterstützen jetzt die Bereichssyntax. Diese ermöglicht es, zu überprüfen, ob ein Container über eine gültige CSS-Custom-Eigenschaft verfügt und deren Wert mit Vergleichsoperatoren wie >, <, >= und <= zu vergleichen und entsprechend Stile auf seine Kinder anzuwenden. (Firefox-Bug 2024601).

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

field-sizing Eigenschaft

Die field-sizing CSS-Eigenschaft ermöglicht es, das Größenverhalten von Formularelementen zu steuern. Diese Eigenschaft hat zwei Werte: content erlaubt es Elementen, sich in der Größe anzupassen, um ihren Inhalt zu passen, und fixed setzt eine feste Größe auf Elemente. (Firefox-Bug 1977176).

layout.css.field-sizing.enabled

Auf true setzen, um zu aktivieren.

Korrektur für verschachtelte scrollbare Bereiche

Diese Implementierung wurde hinzugefügt, um ein Problem zu beheben, bei dem scrollbare Inhalte nicht erreichbar waren. Wenn ein Scrollbalken auf display: none; oder width: 0; gesetzt ist, würden die Scrollbalken der verschachtelten scrollbaren Bereiche übereinander gestapelt werden, was bedeutet, dass einige der Inhalte möglicherweise nicht erreichbar sind. Dies bedeutet jedoch, dass der @supports selector(::-webkit-scrollbar) Check true zurückgibt, auch wenn das ::-webkit-scrollbar Pseudo-Element nicht wirklich unterstützt wird. (Firefox-Bug 1977511).

layout.css.fake-webkit-scrollbar.enabled

Auf true setzen, um zu aktivieren.

<timeline-range-name> Werte

Die animation-range-start, animation-range-end CSS-Eigenschaften und die animation-range Kurzschrift-Eigenschaft unterstützen jetzt <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es, genau anzugeben, in welchem Segment eine scrollgesteuerte Animation stattfindet. (Firefox-Bug 1804775).

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

Deaktivieren von href auf nicht-<a> MathML-Elementen

Wenn aktiviert, erzeugt das globale Attribut href keine Hyperlinks auf MathML-Elementen außer auf <a>, was Firefox mit der MathML-Kern-Spezifikation in Einklang bringt, die nur Hyperlinks auf dem <a> Element definiert. (Firefox-Bug 2026848).

mathml.href_link_on_non_anchor_element.disabled

Auf true setzen, um zu aktivieren.

JavaScript

Mehrere Import-Maps

Unterstützung für mehrere Import-Maps. Diese geben Entwicklern mehr Flexibilität beim Strukturieren und Laden von JavaScript-Modulen, da sie nicht mehr alle ihre Modulzuordnungen im Voraus kennen und sie in einer einzigen Import-Map laden müssen. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Auf true setzen, um zu aktivieren.

APIs

Abgegrenzte benutzerdefinierte Elementregister

Unterstützung für abgegrenzte benutzerdefinierte Elementregister wird implementiert. Abgegrenzte Register ermöglichen es einem Schattenbaum, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen spezifischen DOM-Teilbaum gelten. Dies kann verwendet werden, um Konflikte zu vermeiden, wenn mehrere Webkomponenten Elemente mit demselben Namen deklarieren.

Die Implementierung umfasst:

• customElementRegistry Eigenschaft in Document, Element und ShadowRoot. (Firefox-Bug 2018900).

dom.scoped-custom-element-registries.enabled

Auf true setzen, um zu aktivieren.

CSS Typed Object Model Level 1

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

layout.css.typed-om.enabled

Auf true setzen, 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 mit ServiceWorkerRegistration.showNotification() gesetzten Benachrichtigungsaktionen und die maximale Anzahl von Aktionen, die gesetzt 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 Einstellung aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im "Entwurfs" Status befinden und getestet werden, zur Nutzung aktiviert. Derzeit werden keine WebGL-Erweiterungen von Firefox getestet.

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für die Durchführung von Berechnungen und Grafikrendering mittels des Grafikprozessors (GPU) des Benutzers oder Computers. Ab Version 142 ist dies in Windows in allen Kontexten außer Service-Worker aktiviert. Ab Version 147 ist dies in macOS mit Apple Silicon in allen Browsing-Kontexten außer Service-Worker 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 zu dieser API.

dom.webgpu.enabled

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

dom.webgpu.service-workers.enabled

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

WebRTC und Medien

Die folgenden experimentellen Funktionen umfassen diejenigen, die in Medien-APIs wie der WebRTC API, der Web Audio API, der Media Source Extensions API, der Encrypted Media Extensions API und der Media Capture and Streams API gefunden werden.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Wenn diese Funktion aktiviert ist, werden die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften zu allen HTML-Medienelementen hinzugefügt. Da Firefox jedoch nicht derzeit mehrere Audio- und Videospuren unterstützt, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht, daher sind sie beide standardmäßig deaktiviert. Siehe Firefox-Bug 1057233 für weitere Details.

media.track.enabled

Auf true setzen, um zu aktivieren.

Asynchrones Hinzufügen und Entfernen von SourceBuffer

Dies fügt die auf Versprechen basierenden Methoden appendBufferAsync() und removeAsync() für das Hinzufügen und Entfernen von Medienquellpuffern zur SourceBuffer Schnittstelle hinzu. Weitere Informationen finden Sie im Firefox-Bug 1280613 und im Firefox-Bug 778617.

media.mediasource.experimental.enabled

Auf true setzen, um zu aktivieren.

AVIF-Konformitäts-Striktheit

Die image.avif.compliance_strictness Einstellung kann verwendet werden, um die Striktheit zu steuern, die bei der Verarbeitung von AVIF Bildern angewendet wird. Dies ermöglicht es Firefox-Benutzern, Bilder anzuzeigen, die in einigen anderen Browsern gerendert werden, auch wenn diese nicht strikt konform sind.

image.avif.compliance_strictness

Numerischer Wert, der ein Striktheits-Niveau angibt. Erlaubte Werte sind:

• 0: Nachsicht. Akzeptieren Sie Bilder mit Spezifikationsverstößen sowohl in Empfehlungen ("sollte" Sprache) als auch in Anforderungen ("muss" Sprache), vorausgesetzt, dass sie sicher oder unmissverständlich interpretiert werden können.
• 1 (Standard): Gemischt. Verweigern Sie Verstöße gegen Anforderungen ("muss"), aber erlauben Sie Verstöße gegen Empfehlungen ("sollte").
• 2: Strikt. Weisen Sie alle Verstöße gegen spezifizierte 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 weitere Details.

Beachten Sie, dass, wie unten gezeigt, die Funktion nur in Nightly Builds verfügbar ist (unabhängig davon, ob die Einstellung gesetzt ist). In Firefox 149 wurde der bisherige C++ JPEG XL Bilddecoder durch eine neue in Rust implementierte Implementierung ersetzt, die die jxl-rs Bibliothek verwendet (Firefox-Bug 1986393).

image.jxl.enabled

Auf true setzen, um zu aktivieren.

WebVR API (Deaktiviert)

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

dom.vr.enabled

Auf true setzen, um zu aktivieren.

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

Die GeometryUtils Methoden convertPointFromNode(), convertRectFromNode() und convertQuadFromNode() konvertieren den gegebenen Punkt, das Rechteck oder das Viereck vom Node, auf dem sie aufgerufen werden, zu einem anderen Knoten. (Siehe Firefox-Bug 918189 für weitere Details.)

layout.css.convertFromNode.enabled

Auf true setzen, um zu aktivieren.

GeometryUtils Methode: getBoxQuads()

Die GeometryUtils Methode getBoxQuads() gibt die CSS-Boxen für einen Node relativ zu einem 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 unterstützt die Abwicklung von webbasierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während der Testung der Benutzeroberfläche auftrat, haben wir beschlossen, die Auslieferung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeiten sind noch im Gange. (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 Kommas getrennte Positivliste 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 Einstellung auf dem Desktop (sofern nicht unten anders angegeben).

dom.webshare.enabled

Auf true setzen, um zu aktivieren.

Benachrichtigungen 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

Markierung unsicherer Seiten

Die beiden security.insecure_connection_text_* Einstellungen fügen ein "Nicht sicher" Textlabel in der Adressleiste neben dem traditionellen Schlosssymbol hinzu, wenn eine Seite unsicher geladen wird (also mit HTTP anstelle von HTTPS). Die browser.urlbar.trimHttps Einstellung entfernt das https: Präfix aus den URLs der Adressleiste. Siehe Firefox-Bug 1853418 für weitere Details.

security.insecure_connection_text.enabled

Auf true setzen, um das Textlabel für den normalen Browsermodus 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 den URLs der Adressleiste zu entfernen.

Einschränkung von Inhalten für Erwachsene mit <meta name="rating">

Das nicht standardisierte <meta name="rating"> Element kann auf einer Webseite eingefügt werden, um den Inhalt der Seite als beschränkt/erwachsen zu kennzeichnen. 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 die gleiche Wirkung haben (in Zukunft könnten weitere Optionen hinzugefügt werden).

Die folgenden <meta> Elemente sind äquivalent:

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

Browser, die dieses Element erkennen, können dann Schritte unternehmen, um Nutzer:innen daran zu hindern, den Inhalt anzusehen. Die Umsetzung in Firefox ersetzt die Seite durch den Inhalt von about:restricted, welcher dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzusehen, warum er dies nicht kann, und einen Zurück-Button bietet, um dorthin zurückzukehren, woher er gekommen ist.

Siehe für weitere Informationen Firefox-Bug 1991135.

security.restrict_to_adults.always

Auf true setzen, um den Zugriff auf Webseiten zu beschränken, die sich durch ein <meta name="rating"> Element selbst als für Erwachsene identifizieren.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugriff auf Webseiten zu beschränken, die sich durch ein <meta name="rating"> Element selbst als für Erwachsene identifizieren, nur wenn entsprechende elterliche Kontrollen auf dem zugrunde liegenden Betriebssystem eingestellt sind (z.B. die macOS Content & Privacy Einstellungen zur Einschränkung expliziter Webinhalte).

Berechtigungspolitik / Feature-Politik

Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und ihr Verhalten zu ändern. Sie ist ähnlich wie CSP, kontrolliert jedoch Funktionen anstatt 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 Benutzereinstellung nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Auf true setzen, um zu aktivieren.

Privacy Preserving Attribution API (PPA)

Die PPA API bietet eine Alternative zum Benutzer-Tracking für die Zuordnung von Anzeigen mittels des neuen navigator.privateAttribution Objekts mit saveImpression() und measureConversion() Methoden. Lesen Sie mehr über PPA im ursprünglichen Erklärungsdokument und die vorgeschlagene Spezifikation. Dieses Experiment kann für Websites über origin trial oder im Browser durch Setzen der Einstellung auf 1 aktiviert werden. (Firefox-Bug 1900929).

dom.origin-trials.private-attribution.state

Auf true setzen, um zu aktivieren.

HTTP

Integritätspolicy für Stylesheet-Ressourcen

Die Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden jetzt für Style-Ressourcen unterstützt. Diese ermöglichen es Websites, entweder Subressourcen-Integritätsgarantien für Styles durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Berichts-Endpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Styles, die in einem <link> Element mit rel="stylesheet" referenziert werden, die entweder das integrity Attribut nicht haben oder einen Integritätsschlüssel haben, der nicht mit der Ressource auf dem Server übereinstimmt. (Firefox-Bug 1976656).

security.integrity_policy.stylesheet.enabled

Auf true setzen, um zu aktivieren.

Idempotency-Key

Der Idempotency-Key HTTP-Anforderungsheader kann von Website-Client-Code verwendet werden, um POST oder PATCH Anfragen idempotent zu machen, wenn er mit einem Server verwendet wird, der ihn 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 durch den Client-seitigen Code der Seite hinzugefügt wurde. Dies vereinfacht den benötigten Client-seitigen 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 Einstellung 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. Diese Einstellung bedeutet, dass Cookies nur gesendet werden, wenn ein Benutzer zur Ursprungsseite navigiert, nicht jedoch für Cross-Site-Unteranfragen zum Laden von Bildern oder Frames in eine Drittanbieter-Site usw. Weitere Details siehe 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 Antwortheader auf eine CORS-Preflight-Anfrage, die angibt, welche Anforderungsheader in der endgültigen Anfrage enthalten sein dürfen. Die Antwortdirektive kann einen Platzhalter (*) enthalten, der angibt, dass die endgültige Anfrage alle Header außer dem Authorization Header enthalten darf.

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 Einstellung auf false, um sicherzustellen, dass Firefox den Authorization Header nicht enthält. Weitere Details siehe Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Auf true setzen, um zu aktivieren.

Entwickler-Werkzeuge

Die Entwicklerwerkzeuge 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 wir sie zu Beta und Release durchlassen. Die unten aufgeführten Funktionen sind die derzeitige Auswahl an experimentellen Entwicklerwerkzeugfunktionen.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

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