Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dies bewirkt, dass ein Suchfeld nach dem Eingeben eines Textes ein Löschen-Symbol hat, um es an die Implementierungen anderer Browser anzupassen. (Siehe Firefox-Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Setzen Sie auf true, um zu aktivieren.

Umschalten der Passwortanzeige

HTML-Passworteingabeelemente (<input type="password">) enthalten ein "Augen"-Symbol, das umgeschaltet werden kann, um den Passworttext anzuzeigen oder zu verbergen (Firefox-Bug 502258).

layout.forms.reveal-password-button.enabled

Setzen Sie auf true, um zu aktivieren.

Zeitwahl in datetime-local und time Eingabeelementen

Die HTML-Elemente <input type="datetime-local"> und <input type="time"> unterstützen eine Zeitwahl. (Firefox-Bug 1726108).

dom.forms.datetime.timepicker

Setzen Sie auf true, um zu aktivieren.

alpha und colorspace Attribute in color Eingabeelementen

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

dom.forms.html_color_picker.enabled

Setzen Sie auf true, um zu aktivieren.

CSS

Hex-Boxen zur Anzeige von Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer tab (U+0009), line feed (U+000A), form feed (U+000C) und carriage return (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 auf true, um zu aktivieren.

initial-letter Eigenschaft

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

layout.css.initial-letter.enabled

Setzen Sie auf true, um zu aktivieren.

fit-content() Funktion

Die fit-content() Funktion wie sie auf width und andere Größenangaben angewendet wird. Diese Funktion wird bereits gut für CSS-Grid-Layout-Spurgrößen unterstützt. (Siehe Firefox-Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Setzen Sie auf true, um zu aktivieren.

Scroll-gesteuerte Animationen

Früher als "scroll-gebundene Animationen" bekannt, eine scroll-gesteuerte Animation hängt von der Scroll-Position eines Scrollbalkens ab 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 scroll-gesteuerte Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation verbunden werden, indem die animation-timeline Eigenschaft auf den Namenwert gesetzt wird, der mit scroll-timeline-name definiert wurde.

Bei der Verwendung der scroll-timeline Kurzschreibweise muss die Reihenfolge der Eigenschaftenwerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die ausführlichen und Kurzschreibweise-Eigenschaften sind beide hinter der Präferenz verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse 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 animation-range Kurzschreibweise) werden noch nicht unterstützt. Für weitere Informationen siehe Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

prefers-reduced-transparency Media-Feature

Das CSS prefers-reduced-transparency Media-Feature lässt Sie erkennen, ob ein Nutzer die Einstellung aktiviert hat, um die Menge an transparenten oder durchsichtigen Schichteffekten auf ihrem Gerät zu minimieren. Siehe (Firefox-Bug 1736914) für weitere Details.

layout.css.prefers-reduced-transparency.enabled

Setzen Sie auf true, um zu aktivieren.

inverted-colors Media-Feature

Das CSS inverted-colors Media-Feature lässt Sie erkennen, ob ein User-Agent oder das zugrunde liegende Betriebssystem Farben umkehrt. Siehe (Firefox-Bug 1794628) für weitere Details.

layout.css.inverted-colors.enabled

Setzen Sie auf true, um zu aktivieren.

Benannte 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 Scrollelement die Quelle einer View-Progress-Timeline ist. Der Name kann dann der animation-timeline zugewiesen werden, die dann das zugehörige Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollelements bewegt. Siehe (Firefox-Bug 1737920) für weitere Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

Anonyme View-Progress-Timelines-Funktion

Die CSS view() Funktion lässt Sie angeben, dass die animation-timeline für ein Element eine View-Progress-Timeline ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollelements bewegt. Die Funktion definiert die Achse des Elternelements, das die Timeline liefert, zusammen mit dem Einsatz 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

Setzen Sie auf true, um zu aktivieren.

Vendor-prefixed transform properties

Die mit -moz- vorangestellten 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 gut unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

Speziell deaktiviert diese Präferenz die folgenden vorangestellten Eigenschaften:

• -moz-backface-visibility
• -moz-perspective
• -moz-perspective-origin
• -moz-transform
• -moz-transform-origin
• -moz-transform-style

layout.css.prefixes.transforms

Setzen Sie auf true, um zu aktivieren.

Symmetrisches letter-spacing

Die CSS letter-spacing Eigenschaft teilt jetzt den angegebenen Zeichenabstand gleichmäßig auf beiden Seiten jedes Zeichens auf. Dies ist im Gegensatz zu dem aktuellen Verhalten, bei dem der Abstand hauptsächlich auf eine Seite hinzugefügt wird. Dieser Ansatz kann die Textabstände verbessern, insbesondere in gemischt gerichteten Texten. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Setzen Sie auf true, um zu aktivieren.

Erlauben von Pseudo-Elementen nach elementgestützten Pseudo-Elementen

Es wurde begonnen, die Erlaubnis zu implementieren, Pseudo-Elemente wie ::first-letter und ::before an elementgestützte Pseudo-Elemente anzuhängen, wie z. B. ::details-content und ::file-selector-button.

Dies wird es den Nutzern ermöglichen, beispielsweise den ersten Buchstaben des <details> Elements zu stylen, indem der CSS-Selektor ::details-content::first-letter verwendet wird, oder Inhalt vor einem <input> von type="file" hinzuzufü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) geparst werden. Das ::file-selector-button Pseudo-Element ist noch nicht als elementgestütztes Pseudo-Element markiert, daher gibt es noch keine Möglichkeit, 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 anzusprechen. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu stylen, die eine durch Kommas getrennte Liste von ganzen Zahlen erfüllen, die die Überschriftsebenen entsprechen. (Firefox-Bug 1974386 & Firefox-Bug 1984310).

layout.css.heading-selector.enabled

Setzen Sie auf true, um zu aktivieren.

@custom-media Regel

Die @custom-media CSS-Regel definiert Aliase für lange oder komplexe Medienabfragen. Anstatt die gleiche fest codierte <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

Setzen Sie auf true, um zu aktivieren.

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

Die attr() CSS-Funktion unterstützt jetzt <attr-type> Werte. Dies erlaubt es Ihnen, anzugeben, wie ein Attributwert in einen CSS-Wert geparst wird und diese Werte direkt aus data-* zu nehmen. (Firefox-Bug 1986631, Firefox-Bug 1998245)

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

Namespaced-Attribute in attr() CSS-Funktion

Die attr() CSS-Funktion akzeptiert jetzt namespaced Attribute. Dies ermöglicht es Ihnen, Attribute von Elementen von XML-basierten Sprachen zu nutzen, wie SVG und diese entsprechend zu stylen. (Firefox-Bug 2014060.

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

Absolut positionierte Elemente in Mehrspalten-Containern und beim Drucken

Absolut positionierte Elemente innerhalb von Mehrspalten-Containern und beim Drucken sind nun korrekt positioniert und fragmentiert. Dies verbessert die Interoperabilität mit anderen Browsern und verhindert Layout-Probleme wie überlappenden Text oder Datenverluste. (Firefox-Bug 2018797).

layout.abspos.fragmentainer-aware-positioning.enabled

Setzen Sie auf true, um zu aktivieren.

@container style() Bereichssyntax-Abfragen

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

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

field-sizing Eigenschaft

Die field-sizing CSS-Eigenschaft lässt Sie das Größenverhalten von Formularelementen steuern. Diese Eigenschaft hat zwei Werte: content ermöglicht es Elementen, ihre Größe anzupassen, um ihrem Inhalt zu entsprechen, und fixed setzt eine feste Größe auf die Elemente. (Firefox-Bug 1977176).

layout.css.field-sizing.enabled

Setzen Sie auf true, um zu aktivieren.

Fix für verschachtelte scrollbare Bereiche

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

layout.css.fake-webkit-scrollbar.enabled

Setzen Sie auf true, um zu aktivieren.

<timeline-range-name> Werte

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

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

href auf nicht-<a> MathML-Elemente deaktivieren

Wenn diese Funktion aktiviert ist, erstellt das globale Attribut href keinen Hyperlink auf MathML-Elementen außer <a>, was Firefox mit der MathML Core Spezifikation in Einklang bringt, die Hyperlinks nur auf dem <a> Element definiert. (Firefox-Bug 2026848).

mathml.href_link_on_non_anchor_element.disabled

Setzen Sie auf true, um zu aktivieren.

JavaScript

Mehrere Import-Maps

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

dom.multiple_import_maps.enabled

Setzen Sie auf true, um zu aktivieren.

APIs

Vorgefertigte benutzerdefinierte Elementregister

Die Unterstützung für vorgefertigte benutzerdefinierte Elementregister wird implementiert. Vorgefertigte Register erlauben einem Schattenbaum, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen speziellen DOM-Unterbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Web-Components Elemente mit demselben Namen deklarieren.

Die Implementierung umfasst:

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

dom.scoped-custom-element-registries.enabled

Setzen Sie auf true, um zu aktivieren.

CSS Typed Object Model Level 1

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

layout.css.typed-om.enabled

Setzen Sie 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, zur Verwendung freigegeben. Derzeit werden keine WebGL-Erweiterungen von Firefox getestet.

WebGPU API

Die WebGPU API bietet niedrigstufigen Support für das Durchführen von Berechnungen und Grafikwiedergaben unter Verwendung der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist dies unter Windows in allen Kontexten mit Ausnahme von Service-Arbeitern aktiviert. Ab Version 147 ist dies unter macOS auf Apple Silicon in allen Browser-Kontexten mit Ausnahme von Service-Arbeitern aktiviert. Für andere Plattformen wie Linux und macOS auf Intel-Silicon ist es in Nightly aktiviert. Siehe Firefox-Bug 1602129 für unseren Fortschritt bei dieser API.

dom.webgpu.enabled

Setzen Sie auf true, um zu aktivieren (aktiviert in Nightly und unter Windows in allen Veröffentlichungen)

dom.webgpu.service-workers.enabled

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

WebRTC und Medien

Die folgenden experimentellen Funktionen umfassen solche, 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

Das Aktivieren dieser Funktion fügt 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, weshalb sie standardmäßig deaktiviert sind. Siehe Firefox-Bug 1057233 für weitere Details.

media.track.enabled

Setzen Sie auf true, um zu aktivieren.

Asynchrones Hinzufügen und Entfernen von SourceBuffer

Dies fügt die von Versprechen basierten Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Mediensource-Buffer zur SourceBuffer Schnittstelle. Siehe Firefox-Bug 1280613 und Firefox-Bug 778617 für weitere Informationen.

media.mediasource.experimental.enabled

Setzen Sie auf true, um zu aktivieren.

AVIF Compliance-Striktheit

Die Präferenz image.avif.compliance_strictness kann verwendet werden, um die Striktheit zu kontrollieren, die beim Verarbeiten von AVIF Bildern angewendet wird. Dies ermöglicht es Firefox-Benutzern, Bilder anzuzeigen, die in anderen Browsern gerendert werden, auch wenn sie nicht streng konform sind.

image.avif.compliance_strictness

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

• 0: Permissiv. Akzeptiert Bilder mit Spezifikationsverletzungen in Empfehlungen ("sollte" Sprache) und Anforderungen ("muss" Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standard): Gemischt. Ablehnen von Verstößen gegen Anforderungen ("muss"), aber Zulassung von Verstößen gegen Empfehlungen ("sollte").
• 2: Strikt. Ablehnen von Verstößen gegen spezifizierte Anforderungen oder Empfehlungen.

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, wie unten gezeigt wird, dass die Funktion nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist). In Firefox 149 wurde der vorherige C++ JPEG XL Bilddecoder durch eine neue Rust-basierte Implementierung ersetzt, die die jxl-rs Bibliothek verwendet (Firefox-Bug 1986393).

image.jxl.enabled

Setzen Sie auf true, um zu aktivieren.

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

Setzen Sie auf true, um zu aktivieren.

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

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

layout.css.convertFromNode.enabled

Setzen Sie auf true, 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

Setzen Sie auf true, um zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Abwicklung von web-basierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während der Tests der Benutzeroberfläche auftrat, haben wir beschlossen, die Einführung dieser API zu verschieben, während Diskussionen über mögliche Änderungen der API stattfinden. Die Arbeiten sind im Gange. (Siehe Firefox-Bug 1318984 für weitere Details.)

dom.payments.request.enabled

Setzen Sie auf true, um zu aktivieren.

dom.payments.request.supportedRegions

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

WebShare API

Die Web Share API ermöglicht das Teilen von Dateien, URLs und anderen Daten von einer Website. Diese Funktion ist auf Android in allen Builds aktiviert, aber hinter einer Präferenz auf dem Desktop (außer wie unten angegeben).

dom.webshare.enabled

Setzen Sie auf true, um zu aktivieren.

Notifications API

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

dom.webnotifications.requireinteraction.enabled

Setzen Sie auf true, um zu aktivieren.

Sicherheit und Datenschutz

Markierung unsicherer Seiten

Die beiden security.insecure_connection_text_* Präferenzen fügen im Adressfeld neben dem traditionellen Schlosssymbol einen "Nicht sicher"-Text hinzu, wenn eine Seite unsicher geladen wird (d.h. über HTTP anstelle von HTTPS). Die browser.urlbar.trimHttps Präferenz trimmt das https: Präfix von Adressleisten-URLs. Siehe Firefox-Bug 1853418 für weitere Details.

security.insecure_connection_text.enabled

Setzen Sie auf true, um die Textmarkierung für den normalen Browsing-Modus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Setzen Sie auf true, um die Textmarkierung für den privaten Browsing-Modus zu aktivieren.

browser.urlbar.trimHttps

Setzen Sie auf true, um das https: Präfix von Adressleisten-URLs zu trimmen.

Eingrenzung 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 Schreibens gibt es zwei mögliche content Werte, adult (definiert von Google) und RTA-5042-1996-1400-1577-RTA (definiert von ASACP), die dieselbe Wirkung haben (weitere 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 Nutzern den Zugriff auf den Inhalt zu sperren. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt von about:restricted, der dem Benutzer erklärt, dass er versucht, auf eingeschränkte Inhalte zuzugreifen, warum er diese nicht sehen kann, und ihm eine Zurück-Schaltfläche gibt, um dorthin zurückzukehren, von wo er gekommen ist.

Siehe Firefox-Bug 1991135 für weitere Details.

security.restrict_to_adults.always

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

security.restrict_to_adults.respect_platform

Setzen Sie auf true, um den Zugriff auf Webseiten einzuschränken, die sich selbst als erwachsen kennzeichnen, indem sie ein <meta name="rating"> Element nur dann enthalten, wenn angemessene Kindersicherungen auf dem zugrunde liegenden Betriebssystem festgelegt sind (z. B. wenn die macOS Inhalt & Datenschutz-Einstellungen so festgelegt sind, dass explizite Webinhalte eingeschränkt werden).

Permissions Policy / Feature Policy

Permissions Policy ermöglicht es Webentwicklern, das Verhalten bestimmter Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und zu verändern. Es ist ähnlich wie CSP, aber steuert Funktionen anstatt das Sicherheitsverhalten. Dies ist 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 von <iframe> Elementen gesetzt werden können, auch wenn die Benutzerpräferenz nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Setzen Sie auf true, um zu aktivieren.

Privacy Preserving Attribution API (PPA)

PPA API bietet eine Alternative zur Nutzerverfolgung für die Anzeigezuordnung unter Verwendung des neuen navigator.privateAttribution Objekts mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA im ursprünglichen Erklärer und der vorgeschlagenen 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

Setzen Sie auf true, um zu aktivieren.

HTTP

Integritätsrichtlinie 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 Subresource-Integritätsgarantien für Styles durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Meldeendpunkte ignoriert und Verstöße in die Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Styles, auf die in einem <link> Element mit rel="stylesheet" verwiesen wird, das entweder das integrity Attribut fehlt oder einen Integritätsschlüssel hat, der nicht mit der Ressource auf dem Server übereinstimmt. (Firefox-Bug 1976656).

security.integrity_policy.stylesheet.enabled

Setzen Sie auf true, um zu aktivieren.

Idempotency-Key

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

Firefox fügt automatisch den Header mit einem eindeutigen Schlüssel für jede neue POST Anfrage hinzu, wenn er nicht bereits von der Client-Seite des Seitencodes hinzugefügt wurde. Dies vereinfacht den auf der Client-Seite erforderlichen Code, um mit Servern zu arbeiten, die die Funktion unterstützen.

(Firefox-Bug 1830022).

network.http.idempotencyKey.enabled

Setzen Sie auf true, um zu aktivieren.

Accept-Header mit MIME-Typ image/jxl

Der HTTP Accept Header in 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 auf true, um zu aktivieren.

SameSite=Lax standardmäßig

SameSite Cookies haben den Standardwert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungssite navigiert, nicht für quellenübergreifende Subanfragen, um Bilder oder Frames in eine Drittanbieterseite zu laden. Für weitere Einzelheiten siehe Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Setzen Sie auf true, um zu aktivieren.

Access-Control-Allow-Headers-Wildcard umfasst nicht Authorization

Der Access-Control-Allow-Headers ist ein Antwort-Header auf eine CORS-Preflight-Anfrage, die angibt, welche Anforderungsheader in die endgültige Anforderung aufgenommen werden dürfen. Die Antwortanweisung kann ein Wildcard (*) enthalten, welches angibt, dass die endgültige Anforderung alle Header außer dem Authorization-Header enthalten darf.

Standardmäßig fügt Firefox den Authorization-Header in die endgültige Anforderung 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 einschließt. Für weitere Einzelheiten siehe Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Setzen Sie auf true, um zu aktivieren.

Entwicklerwerkzeuge

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 untenstehenden Funktionen sind die aktuellen experimentellen Entwicklerwerkzeugfunktionen.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

• Firefox Entwickler Versionshinweise
• Firefox Nightly
• Firefox Developer Edition