Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dadurch hat ein Suchfeld ein Löschen-Icon, sobald jemand darin zu tippen beginnt, um andere Browserimplementierungen zu entsprechen. (Siehe Firefox Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Setzen Sie auf true, um zu aktivieren.

Umschaltung der Passwortanzeige

HTML-Passwort-Eingabeelemente (<input type="password">) enthalten ein "Augen"-Icon, 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.

Zeitwähler in datetime-local und time Eingabeelementen

Die HTML <input type="datetime-local"> und <input type="time"> Elemente unterstützen einen Zeitwähler. (Firefox Bug 1726108).

dom.forms.datetime.timepicker

Setzen Sie auf true, um zu aktivieren.

alpha und colorspace Attribute in color Eingabeelementen

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

dom.forms.html_color_picker.enabled

Setzen Sie auf true, um zu aktivieren.

CSS

Hex-Boxen zur Anzeige verirrter Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tabulator (U+0009), Zeilenumbruch (U+000A), Formfeed (U+000C) und Wagenrücklauf (U+000D) als Hex-Box, wenn sie unerwartet sind. (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 ermöglicht es Ihnen, zu spezifizieren, wie herabgesetzte, erhabene und versunkene 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 die Größenbestimmung von CSS-Gitterlayouts unterstützt. (Siehe Firefox Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Setzen Sie auf true, um zu aktivieren.

Scrollgesteuerte Animationen

Zuvor als "scroll-verlinkte Animationen" bezeichnet, hängt eine scrollgesteuerte Animation von der Scrollposition eines Scrollbalkens anstelle der Zeit oder einer anderen Dimension ab. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschreibweise) ermöglichen es Ihnen, anzugeben, dass ein bestimmter Scrollbalken in einem benannten Container als Quelle für eine scrollgesteuerte Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation verknüpft werden, indem die Eigenschaft animation-timeline auf den Namenwert gesetzt wird, der mit scroll-timeline-name definiert wurde.

Bei 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 hinter der Präferenz verfügbar. Sie können alternativ die scroll() funktionelle Notation mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse in einem Vorfahrenelement für die Zeitleiste 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 bei Firefox Bug 1676779.

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, 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 durchsichtigen Layer-Effekten 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 Medienfunktion

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

layout.css.inverted-colors.enabled

Setzen Sie auf true, um zu aktivieren.

Benannte Ansicht-Prozess-Zeitleisten-Eigenschaft

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

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

Anonyme Ansichtsfortschritts-Zeitachsen-Funktion

Die CSS view() Funktion ermöglicht es Ihnen anzugeben, dass die animation-timeline für ein Element eine Ansichtsfortschritts-Zeitachse ist, die das Element animiert, wenn es durch den sichtbaren Bereich seines Vorfahren-Scrollers bewegt wird. Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitachse liefert, sowie den Versatz innerhalb des sichtbaren Bereichs, an 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-präfixierte Transformations-Eigenschaften

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

Speziell wird diese Präferenz die folgenden präfixierten Eigenschaften deaktivieren:

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

layout.css.prefixes.transforms

Setzen Sie auf true, um zu aktivieren.

Relative Steuerpunkte 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 spezifizieren. Diese Werte ermöglichen es, Steuerpunkte zu spezifizieren, die relativ zum Start- oder Endpunkt des aktuellen Befehls oder relativ zum Ursprung (oben links) des Containers, in dem die Form gezeichnet wird, positioniert sind. (Firefox Bug 1921501).

layout.css.basic-shape-shape.enabled

Setzen Sie 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 unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich auf eine Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand verbessern, insbesondere bei gemischter Richtungstext. (Firefox Bug 1891446).

layout.css.letter-spacing.model

Setzen Sie auf true, um zu aktivieren.

calc() Unterstützung für Farbkanal in relativen Farben

Die CSS calc() Funktion kann nun Farbbereiche in relativen Farben analysieren, sodass Sie Änderungen an Farben in verschiedenen Farbräumen oder bei Verwendung verschiedener funktioneller Notationen korrekt berechnen können Firefox Bug 1889561.

layout.css.relative-color-syntax.enabled

Setzen Sie auf true, um zu aktivieren.

Zulassen von Pseudo-Elementen nach elementspezifizierten Pseudo-Elementen

Es wurde mit der Arbeit begonnen, um Pseudo-Elemente wie ::first-letter und ::before an elementspezifizierte Pseudo-Elemente wie ::details-content und ::file-selector-button anzuhängen.

Dies wird es Benutzern ermöglichen, beispielsweise den ersten Buchstaben des <details> Elements zu gestalten, 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) analysiert werden. Das ::file-selector-button Pseudo-Element ist noch nicht als ein elementbasiertes Pseudo-Element gekennzeichnet, sodass es keine Möglichkeit gibt, dies zu testen. (Firefox Bug 1953557, Firefox Bug 1941406).

:heading und :heading() Pseudo-Klassen

Die :heading Pseudo-Klasse ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) auf einmal zu gestalten, anstatt sie einzeln anzusprechen. Die :heading() funktionelle Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu gestalten, die eine kommagetrennte Liste von ganzen Zahlen entsprechen, die die Überschriftenebenen angeben. (Firefox Bug 1974386 & Firefox Bug 1984310).

layout.css.heading-selector.enabled

Setzen Sie auf true, um zu aktivieren.

text-decoration-trim

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

layout.css.text-decoration-trim.enabled

Setzen Sie auf true, um zu aktivieren.

@custom-media At-Regel

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

Setzen Sie auf true, um zu aktivieren.

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

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

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

color-mix() akzeptiert mehrere Farbar

Die color-mix() CSS-Funktion unterstützt jetzt mehrere <color> Werte, anstatt nur zwei. Dies ermöglicht es Ihnen, viele Farben zu mischen und die Prozentsätze jeder Farbe festzulegen. (Firefox Bug 2007772).

layout.css.color-mix-multi-color.enabled

Setzen Sie auf true, um zu aktivieren.

Medienbasierte Pseudo-Klassen

Die medienbasierten Pseudo-Klassen :buffering, :muted, :paused, :playing, :seeking, :stalled, und :volume-locked ermöglichen es Ihnen, <audio> und <video> Elemente basierend auf ihrem aktuellen Zustand, wie etwa Wiedergabe oder Pause, zu gestalten. (Firefox Bug 1707584, Firefox Bug 2014512).

dom.media.pseudo-classes.enabled

Setzen Sie auf true, um zu aktivieren.

@container style() Abfragen

Die @container CSS At-Regel unterstützt style() Abfragen. Dies ermöglicht es Ihnen zu prüfen, ob ein Container eine gültige CSS-Deklaration, eine CSS-Eigenschaft oder eine benutzerdefinierte Eigenschaft hat und entsprechend Stile auf seine Kinder anzuwenden. (Firefox Bug 2014404).

layout.css.style-queries.enabled

Setzen Sie auf true, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

JavaScript

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

APIs

Gescopte benutzerdefinierte Elementregistrierungen

Die Unterstützung für gescopte benutzerdefinierte Elementregistrierungen wird implementiert. Gescopte Registrierungen ermöglichen einem Schattenbaum, eine unabhängige CustomElementRegistry zu erstellen, deren Definitionen nur für diesen spezifischen DOM-Unterbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Webkomponenten Elemente mit demselben Namen deklarieren.

Die Implementierung beinhaltet:

• customElementRegistry Eigenschaft bei 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

Mit der Implementierungsarbeit am CSS Typed OM Level 1 wurde begonnen. Zum Beispiel wird die to() Methode der CSSNumericValue Schnittstelle für die Umwandlung eines CSS-Numeric-Werts von einer Einheit in eine andere unterstützt. (Firefox Bug 1278697).

layout.css.typed-om.enabled

Setzen Sie auf true, um zu aktivieren.

Benachrichtigungsaktionen und maxActions Eigenschaften

Die actions schreibgeschützte Eigenschaft und die maxActions statische schreibgeschützte Eigenschaft der Notification Schnittstelle werden in Nightly auf dem Desktop unterstützt. Diese enthalten die mit ServiceWorkerRegistration.showNotification() gesetzten Benachrichtigungsaktionen und die maximal mögliche Anzahl von Aktionen, die festgelegt werden können. (Firefox Bug 1225110, Firefox Bug 1963263).

dom.webnotifications.actions.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 derzeit im "Entwurfs"-Status sind und getestet werden, für die Nutzung aktiviert. Derzeit gibt es keine WebGL-Erweiterungen, die von Firefox getestet werden.

WebGPU API

Die WebGPU API bietet grundlegende Unterstützung zur Durchführung von Berechnungen und Grafikdarstellung mithilfe der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist dies auf Windows auf allen Kontexten außer Service-Arbeitern aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon auf allen Browserkontexten außer 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 (in Nightly und auf Windows in allen Releases aktiviert)

dom.webgpu.service-workers.enabled

Setzen Sie auf true, 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 zu finden sind.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Wenn Sie diese Funktion aktivieren, werden die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften zu allen HTML-Medienelementen hinzugefügt. Aufgrund der Tatsache, dass Firefox derzeit keine mehrere Audio- und Video-Tracks unterstützt, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften jedoch nicht, sodass 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 auf versprechen-basierenden Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Mediensource-Puffern zur SourceBuffer Schnittstelle hinzu. Siehe Firefox Bug 1280613 und Firefox Bug 778617 für mehr Informationen.

media.mediasource.experimental.enabled

Setzen Sie auf true, um zu aktivieren.

AVIF Konformitätsschärfe

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

image.avif.compliance_strictness

Numerischer Wert, der ein Schärfe Niveau anzeigt. Erlaubte Werte sind:

• 0: Nachsichtig. Akzeptiere Bilder mit Verstößen gegen die Empfehlungen ("sollte Sprache") und Anforderungen ("muss Sprache"), sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Gemischt. Verwerfen Sie Verstöße gegen Anforderungen ("muss"), aber erlauben Sie Verstöße gegen Empfehlungen ("sollte").
• 2: Streng. Verwerfen Sie alle Verstöße gegen vorgeschriebene 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, dass die Funktion, wie unten gezeigt, nur auf Nightly Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist). In Firefox 149 wurde der vorherige C++ JPEG XL Bilddekoder 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.

Dokument Picture-in-Picture API

Die Document Picture-in-Picture API ermöglicht es, ein immer oben schwimmendes Fenster zu öffnen, das mit beliebigem HTML-Inhalt wie ein Video mit benutzerdefinierten Steuerungen oder eine Reihe von Streams, die die Teilnehmer eines Videokonferenzanrufs zeigen, befüllt werden kann. Siehe Firefox Bug 1858562 für weitere Details.

dom.documentpip.enabled

Setzen Sie auf true, um zu aktivieren.

WebVR API (Deaktiviert)

Die veraltete WebVR API steht 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() wandeln den gegebenen Punkt, das Rechteck oder das Viereck vom Node um, auf dem sie aufgerufen werden, zu einem anderen Knoten. (Siehe Firefox Bug 918189 für weitere Details.)

layout.css.convertFromNode.enable

Setzen Sie auf true, um zu aktivieren.

GeometryUtils Methode: getBoxQuads()

Die GeometryUtils Methode getBoxQuads() gibt die CSS-Boxen eines Node relativ zu einem anderen Knoten oder Ansichtsfenster zurück. (Siehe Firefox Bug 917755 für weitere Details.)

layout.css.getBoxQuads.enabled

Setzen Sie auf true, um zu aktivieren.

Zahlungsanforderungs-API

Primäre Zahlungsabwicklung

Die Zahlungsanforderungs-API bietet Unterstützung für die Abwicklung von webbasierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während des Tests der Benutzeroberfläche auftrat, haben wir entschieden, das Ausliefern dieser API zu verschieben, während Diskussionen über mögliche Änderungen der API stattfinden. Die Arbeit ist 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 kommagetrennte 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 Präferenz auf Desktop (sofern nicht anders angegeben unten).

dom.webshare.enabled

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

Setzen Sie auf true, um zu aktivieren.

Sicherheit und Datenschutz

Unsichere Seitenkennzeichnung

Die beiden Präferenzen security.insecure_connection_text_* fügen ein "Nicht sicher"-Textlabel in der Adressleiste neben dem traditionellen Schlosssymbol hinzu, wenn eine Seite unsicher geladen wird (das heißt, mit HTTP anstatt HTTPS). Die Präferenz browser.urlbar.trimHttps schneidet das https: Präfix von Adressleisten-URLs ab. Siehe Firefox Bug 1853418 für weitere Details.

security.insecure_connection_text.enabled

Setzen Sie auf true, um das Textlabel für den normalen Browsingmodus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Setzen Sie auf true, um das Textlabel für den privaten Browsingmodus zu aktivieren.

browser.urlbar.trimHttps

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

Einschränkung von Erwachseneninhalten 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 denselben Effekt haben (weitere Optionen können zukünftig 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 anschließend Maßnahmen ergreifen, um Benutzer daran zu hindern, den Inhalt zu sehen. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt, der unter about:restricted gefunden wird, was dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzuzeigen, erklärt, warum er sie nicht anzeigen kann, und ihm eine Zurück-Taste gibt, um dorthin zurückzukehren, woher er kam.

Siehe Firefox Bug 1991135 für weitere Details.

security.restrict_to_adults.always

Setzen Sie auf true, um den Zugang zu Webseiten, die sich als erwachsen selbst kennzeichnen, durch das Einfügen eines <meta name="rating"> Elements zu beschränken.

security.restrict_to_adults.respect_platform

Setzen Sie auf true, um den Zugang zu Webseiten, die sich als erwachsen selbst kennzeichnen, durch das Einfügen eines <meta name="rating"> Elements nur dann zu beschränken, wenn entsprechende Kinderschutzmaßnahmen im Betriebssystem eingestellt sind (zum Beispiel, wenn die macOS Content & Privacy Einstellungen eingestellt sind, um explizite Webinhalte zu beschränken).

Berechtigungspolicy / Feature-Policy

Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und deren Verhalten zu ändern. Es ist ähnlich wie bei CSP, kontrolliert jedoch Funktionen anstelle von 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 Policies durch das allow Attribut auf <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.

Datenschutzbewahrende Attributions-API (PPA)

Die PPA API bietet eine Alternative zum Benutzern-Tracking für Werbeattribution mit dem neuen navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA im ursprünglichen Erläuterer 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ätspolitik für Stylesheet-Ressourcen

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

security.integrity_policy.stylesheet.enabled

Setzen Sie auf true, um zu aktivieren.

Storage Access Header

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

Im JavaScript-only-Workflow muss eine Drittanbieter-Ressource angefordert und geladen werden, um eine Speicherzugriffsberechtigung für einen bestimmten Kontext (wie eine neue Browser-Registerkarte) zu aktivieren. Dies ist erforderlich, selbst wenn die Berechtigung bereits erteilt wurde. Die Speicherzugriffs-Header ermöglichen es dem Browser, den Berechtigungsstatus für den bestimmten Kontext zu bewerben, sodass der Server die Aktivierung einer bereits erteilten Berechtigung anfordern kann. Dies vermeidet den Overhead des unnötigen Abrufs und Ladens der Ressource.

dom.storage_access.headers.enabled

Setzen Sie auf true, um zu aktivieren.

Idempotency-Key

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

Firefox fügt dem Header automatisch einen eindeutigen Schlüssel für jede neue POST Anfrage hinzu, wenn er nicht bereits vom Seiten-Clientcode hinzugefügt wurde. Dies vereinfacht den Clientcode, der erforderlich ist, 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 Standardanfragen und Bildanforderungen kann über eine Präferenz konfiguriert werden, um den image/jxl MIME-Typ zu unterstützen.

image.jxl.enabled

Setzen Sie auf true, 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 aber für fremde Teilanfragen, um Bilder oder Frames auf einer Drittanbieterseite zu laden und so weiter. Für weitere Details siehe Firefox Bug 1617609.

network.cookie.sameSite.laxByDefault

Setzen Sie auf true, um zu aktivieren.

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

Der Access-Control-Allow-Headers ist ein Antwort-Header auf eine CORS-Preflight-Anfrage, der angibt, welche Anforderungsheader in die endgültige Anfrage enthalten sein dürfen. Die Antwortdirektive kann ein Wildcard-Zeichen (*) enthalten, das 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. Für mehr Details 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 sie in die Beta- und Release-Versionen gelangen. Die folgenden Funktionen sind die aktuellen experimentellen Entwicklerwerkzeug-Funktionen.

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

Siehe auch

• Firefox Entwickler-Release-Notizen
• Firefox Nightly
• Firefox Developer Edition