Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dadurch wird ein Lösch-Icon in einem Suchfeld angezeigt, sobald jemand darin zu tippen beginnt, um die Implementierungen anderer Browser nachzuahmen. (Siehe Firefox-Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Auf true setzen, um zu aktivieren.

Passwortanzeige umschalten

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

layout.forms.reveal-password-button.enabled

Auf true setzen, um zu aktivieren.

Zeitauswahl in datetime-local und time-Eingabeelementen

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

dom.forms.datetime.timepicker

Auf true setzen, um zu aktivieren.

alpha und colorspace Attribute in color Eingabeelementen

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

dom.forms.html_color_picker.enabled

Auf true setzen, um zu aktivieren.

CSS

Darstellung von isolierten Steuerzeichen in Hex-Boxen

Diese Funktion stellt Steuerzeichen (Unicode-Kategorie Cc) außer Tab (U+0009), Zeilenumbruch (U+000A), Seitenumbruch (U+000C) und Wagenrücklauf (U+000D) als Hex-Box dar, wenn sie unerwartet sind. (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, festzulegen, wie fallende, gehobene und versenkte Anfangsbuchstaben angezeigt werden. (Siehe Firefox-Bug 1223880 für weitere Details.)

layout.css.initial-letter.enabled

Auf true setzen, um zu aktivieren.

fit-content() Funktion

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

layout.css.fit-content-function.enabled

Auf true setzen, um zu aktivieren.

Scrollgesteuerte Animationen

Früher "Scroll-gebundene Animationen" genannt, ist eine scrollgesteuerte Animation von der Scrollposition einer Scrollleiste abhängig anstelle von Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die Abkürzungseigenschaft scroll-timeline) ermöglichen es Ihnen zu spezifizieren, dass eine bestimmte Scrollleiste in einem benannten Container als Quelle für eine scrollgesteuerte Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation verbunden werden, indem die animation-timeline Eigenschaft auf den mit scroll-timeline-name definierten Namenswert gesetzt wird.

Beim Verwenden der scroll-timeline Abkürzungseigenschaft muss die Reihenfolge der Eigenschaftenwerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Lang- und Abkürzungseigenschaften sind beide hinter der Einstellung verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzugeben, 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 Abkürzungseigenschaft 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.

Medienmerkmal prefers-reduced-transparency

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

layout.css.prefers-reduced-transparency.enabled

Auf true setzen, um zu aktivieren.

Medienmerkmal inverted-colors

Das CSS-Medienmerkmal inverted-colors lässt Sie erkennen, ob ein Benutzeragent oder das zugrunde liegende Betriebssystem Farben invertiert. Siehe (Firefox-Bug 1794628) für mehr Details.

layout.css.inverted-colors.enabled

Auf true setzen, um zu aktivieren.

Benannte Ansicht Fortschrittszeitachsen-Eigenschaft

Die CSS-Eigenschaft view-timeline-name ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben und damit anzugeben, dass das übergeordnete Scrollelement die Quelle einer Ansichtsfortschrittszeitachse ist. Der Name kann dann animation-timeline zugewiesen werden, welches 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 Ansicht Fortschrittszeitachsen-Funktion

Die CSS view() Funktion ermöglicht es Ihnen, anzugeben, dass die animation-timeline für ein Element eine Ansichtsfortschrittszeitachse ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitleiste bereitstellt, zusammen mit dem 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

Auf true setzen, um zu aktivieren.

Anbieter-präfixierte Transformations-Eigenschaften

Die -moz- präfixierten CSS-Transformationen können durch Setzen der Einstellung layout.css.prefixes.transforms auf false deaktiviert werden. Das Ziel ist, diese zu deaktivieren, sobald die standardmäßigen CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

Konkret deaktiviert diese Einstellung die folgenden präfixierten 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-Eigenschaft letter-spacing 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 den Textabstand verbessern, insbesondere bei Text mit gemischter Schreibrichtung. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Auf true setzen, um zu aktivieren.

Zulassen von Pseudoelementen nach elementgestützten Pseudoelementen

Es wurde begonnen, daran zu arbeiten, Pseudoelemente wie ::first-letter und ::before an elementgestützte Pseudoelemente wie ::details-content und ::file-selector-button anzuhängen.

Dies ermöglicht es Benutzern zum Beispiel, den ersten Buchstaben des <details>-Elements durch die Verwendung des CSS-Selectors ::details-content::first-letter zu formatieren oder Inhalt vor einem <input> von type="file" mit dem CSS-Selector ::file-selector-button::before hinzuzufügen.

Derzeit kann nur ::details-content::first-letter analysiert werden, indem @supports(::details-content::first-letter) verwendet wird. Das ::file-selector-button Pseudoelement ist noch nicht als elementgestütztes Pseudoelement markiert, sodass es nicht getestet werden kann. (Firefox-Bug 1953557, Firefox-Bug 1941406).

:heading und :heading() Pseudo-Klassen

Die Pseudo-Klasse :heading ermöglicht es Ihnen, alle Überschriften-Elemente (<h1>-<h6>) auf einmal zu formatieren, anstatt sie einzeln anzusprechen. Die funktionale Pseudo-Klasse :heading() erlaubt es Ihnen, Überschriften-Elemente zu formatieren, die einer durch Kommas getrennten Liste von Ganzzahlen entsprechen, die den Überschriftenebenen entsprechen. (Firefox-Bug 1974386 & Firefox-Bug 1984310).

layout.css.heading-selector.enabled

Auf true setzen, um zu aktivieren.

@custom-media At-Regel

Die @custom-media CSS-At-Regel definiert Aliase für lange oder komplexe Medienabfragen. Statt dasselbe fest codierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann es einmal in einer @custom-media At-Regel definiert und im gesamten Stylesheet verwendet werden, wenn es benötigt wird. (Firefox-Bug 1744292).

layout.css.custom-media.enabled

Auf true setzen, um zu aktivieren.

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

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

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

Namenraum-Attribute in der attr() CSS-Funktion

Die attr() CSS-Funktion akzeptiert nun Namenraum-Attribute. Dies ermöglicht es Ihnen, Attribute aus Elementen von XML-basierten Sprachen wie SVG zu verwenden und sie entsprechend zu stylen. (Firefox-Bug 2014060.

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

Absolut positionierte Elemente in mehrspaltigen Containern und beim Drucken

Absolut positionierte Elemente innerhalb von mehrspaltigen Containern und beim Drucken sind nun korrekt positioniert und fragmentiert. Dies verbessert die Kompatibilitä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() Bereichssyntaxabfragen

Die @container CSS-At-Regel style() Abfragen unterstützen jetzt die Bereichssyntax. Dies ermöglicht es Ihnen zu überprüfen, ob ein Container eine gültige CSS-Benutzerdefinierte Eigenschaft hat und dessen Wert mit Vergleichsoperatoren wie >, <, >= und <= zu vergleichen und die entsprechenden Styles auf dessen Kinder anzuwenden. (Firefox-Bug 2024601).

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

field-sizing Eigenschaft

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

layout.css.field-sizing.enabled

Auf true setzen, um zu aktivieren.

Fix für verschachtelte scrollbare Bereiche

Diese Implementierung wurde hinzugefügt, um ein Problem zu beheben, bei dem scrollbarer Inhalt nicht erreichbar war. Wenn eine Scrollleiste auf display: none; oder width: 0; gesetzt wird, werden die Scrollleisten verschachtelter scrollbarer Bereiche übereinander gestapelt, was bedeutet, dass einige Inhalte möglicherweise nicht erreichbar sind. Dies bedeutet jedoch, dass die @supports selector(::-webkit-scrollbar) Überprüfung true zurückgibt, obwohl das ::-webkit-scrollbar Pseudoelement 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 CSS-Eigenschaften animation-range-start, animation-range-end und die Abkürzungseigenschaft animation-range unterstützen nun <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es Ihnen, genau anzugeben, in welchem Segment eine scroll-betriebene Animation stattfinden wird. (Firefox-Bug 1804775).

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

href auf Nicht-<a> MathML-Elementen deaktivieren

Wenn aktiviert, erstellt das globale Attribut href keinen Hyperlink auf MathML-Elementen außer <a>, wodurch Firefox mit der MathML-Core-Spezifikation, die Hyperlinks nur auf dem <a>-Element definiert, übereinstimmt. (Firefox-Bug 2026848).

mathml.href_link_on_non_anchor_element.disabled

Auf true setzen, um zu aktivieren.

JavaScript

TC39 Iterator includes Vorschlag

Die Methode Iterator.prototype.includes() prüft, ob eine Iterator-Instanz einen bestimmten Wert erzeugen wird. Der Vergleich verwendet den SameValueZero-Algorithmus. Dieser Algorithmus ist ähnlich der strikten Gleichheit === (wo -0 und +0 als gleich gelten), unterscheidet sich jedoch darin, dass NaN als gleich zu sich selbst betrachtet wird. (Firefox-Bug 2025779).

javascript.options.experimental.iterator_includes

Auf true setzen, um zu aktivieren.

Mehrere Importkarten

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

dom.multiple_import_maps.enabled

Auf true setzen, um zu aktivieren.

APIs

Gescopte benutzerdefinierte Elementregister

Die Unterstützung für gescopte benutzerdefinierte Elementregister wird implementiert. Gescopte Register erlauben einem Schattenbaum, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur auf diesen spezifischen DOM-Unterbaum angewendet werden. Dies kann genutzt werden, um Kollisionen zu vermeiden, bei denen mehrere Web-Komponenten Elemente mit demselben Namen deklarieren.

Die Implementierung umfasst:

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

Die Implementierungsarbeit am CSS Typed OM Level 1 hat begonnen. Zum Beispiel wird die Methode to() der Schnittstelle CSSNumericValue 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.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

Wenn diese Einstellung aktiviert ist, werden alle aktuell im „Entwurfsstatus“ befindlichen WebGL-Erweiterungen, die getestet werden, für die Verwendung aktiviert. Derzeit werden keine WebGL-Erweiterungen von Firefox getestet.

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für die Berechnung und Grafikrendering mit der Graphics Processing Unit (GPU) des Geräts oder Computers des Nutzers. Ab Version 142 ist dies in Windows in allen Kontexten außer Service-Workern aktiviert. Ab Version 147 ist dies in macOS auf Apple Silicon in allen Browser-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 den 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)

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 zu finden sind.

Überprüfung der Browser-Unterstützung für das Codieren/Dekodieren von WebRTC-Medien

Der webrtc-Typ kann nun als Option für MediaCapabilities.decodingInfo() und MediaCapabilities.encodingInfo() übergeben werden. Dies ermöglicht Entwicklern zu überprüfen, wie gut ein Benutzeragent eine bestimmte WebRTC-Konfiguration dekodieren oder codieren kann. Die Unterstützung für den nicht-standardmäßigen transmission Typ, der als Alias für webrtc verwendet wurde, wird entfernt. (Firefox-Bug 1825286).

media.mediacapabilities.webrtc.enabled

Auf true setzen, um zu aktivieren.

HTMLMediaElement-Eigenschaften: audioTracks und videoTracks

Mit der Aktivierung dieser Funktion werden die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks zu allen HTML-Medienelementen hinzugefügt. Da Firefox jedoch derzeit keine Unterstützung für mehrere Audio- und Videospuren bietet, funktionieren die häufigsten Anwendungsfälle dieser Eigenschaften nicht, daher sind sie standardmäßig deaktiviert. Siehe Firefox-Bug 1057233 für mehr Details.

media.track.enabled

Auf true setzen, um zu aktivieren.

Asynchrone SourceBuffer hinzufügen und entfernen

Es werden die auf Promises basierenden Methoden appendBufferAsync() und removeAsync() für das Hinzufügen und Entfernen von Mediensource-Buffer zu der SourceBuffer Schnittstelle hinzugefügt. Siehe Firefox-Bug 1280613 und Firefox-Bug 778617 für mehr Informationen.

media.mediasource.experimental.enabled

Auf true setzen, um zu aktivieren.

AVIF-Compliance-Strenge

Die Einstellung image.avif.compliance_strictness kann verwendet werden, um die Strenge zu steuern, die beim Verarbeiten von AVIF Bildern angewendet wird. Dadurch können Firefox-Benutzer Bilder anzeigen, die in einigen anderen Browsern gerendert werden, selbst wenn sie nicht vollständig konform sind.

image.avif.compliance_strictness

Numerischer Wert, der ein Strenge-Level angibt. Zulässige Werte sind:

• 0: Permissiv. Akzeptiert Bilder mit Spezifikationsverletzungen in Empfehlungen („sollte“ Sprache) und Anforderungen („darf nicht“ Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standard): Gemischt. Verwirft Verstöße gegen Anforderungen („darf nicht“), erlaubt jedoch Verstöße gegen Empfehlungen („sollte“).
• 2: Strikt. Verwirft alle Verstöße 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, 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 vorherige C++ JPEG XL Bilddecoder durch eine neue in Rust implementierte Version 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 befindet sich auf dem Weg zur Entfernung. Sie ist in allen Builds standardmäßig 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 von dem Node, auf dem sie aufgerufen werden, zu einem anderen Knoten. (Siehe Firefox-Bug 918189 für mehr 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 mehr Details.)

layout.css.getBoxQuads.enabled

Auf true setzen, um zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Abwicklung von Web-basierten Zahlungen innerhalb von Web-Inhalten oder Apps. Aufgrund eines Fehlers, der während des Testens der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, den Versand dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeit läuft noch. (Siehe Firefox-Bug 1318984 für mehr Details.)

dom.payments.request.enabled

Auf true setzen, um zu aktivieren.

dom.payments.request.supportedRegions

Ländercodes als durch Komma getrennte Erlaubnisliste der 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 unten nicht anders angegeben).

dom.webshare.enabled

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

Auf true setzen, um zu aktivieren.

Sicherheit und Datenschutz

Unsichere Seiten-Kennzeichnung

Die beiden security.insecure_connection_text_* Einstellungen fügen ein "Nicht sicher"-Textlabel in die Adressleiste neben das traditionelle Sperrsymbol ein, wenn eine Seite unsicher geladen wird (d.h. mit HTTP anstelle von HTTPS). Die browser.urlbar.trimHttps Einstellung kürzt das https: Präfix von URLs in der Adressleiste. Siehe Firefox-Bug 1853418 für mehr Details.

security.insecure_connection_text.enabled

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

security.insecure_connection_text.pbmode.enabled

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

browser.urlbar.trimHttps

Auf true setzen, um das https: Präfix von URLs in der Adressleiste zu kürzen.

Einschränkung von Erwachseneninhalten mit <meta name="rating">

Das nicht-standardmäßige <meta name="rating"> Element kann in 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 in der Zukunft 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 zu verhindern, dass Benutzer den Inhalt sehen. Firefox's Implementierung ersetzt die Seite durch den Inhalt, der unter about:restricted zu finden ist, was dem Benutzer erklärt, dass er versucht, auf eingeschränkten Inhalt zuzugreifen, erklärt, warum er ihn nicht sehen kann, und ihm eine Rückkehr-Button gibt, um von woher er kam, zurückzukehren.

Siehe Firefox-Bug 1991135 für weitere Details.

security.restrict_to_adults.always

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

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugriff auf Webseiten zu beschränken, die sich als erwachsen durch ein <meta name="rating"> Element identifizieren, nur wenn entsprechende Kindersicherungseinstellungen auf dem zugrunde liegenden Betriebssystem gesetzt sind (zum Beispiel, wenn die macOS Inhalts- & Datenschutz Einstellungen gesetzt sind, um explizite Web-Inhalte einzuschränken).

Permissions Policy / Feature policy

Permissions Policy ermöglicht es Web-Entwicklern, selektiv das Aktivieren, Deaktivieren und Modifizieren des Verhaltens bestimmter Funktionen und APIs im Browser zu steuern. Es ist ähnlich wie CSP, kontrolliert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies wird in Firefox als Feature Policy implementiert, dem Namen, der in einer früheren Version der Spezifikation verwendet wurde.

Beachten Sie, dass unterstützte Richtlinien trotz der nicht gesetzten Benutzereinstellung über das allow Attribut auf <iframe> Elementen gesetzt werden können.

dom.security.featurePolicy.header.enabled

Auf true setzen, um zu aktivieren.

Datenschutzfreundliche Attributions-API (PPA)

PPA API bietet eine Alternative zur Nutzerverfolgung für Anzeigenattribution mit dem neuen navigator.privateAttribution Objekt mit saveImpression() und measureConversion() Methoden. Lesen Sie mehr über PPA im ursprünglichen Erklärer und die vorgeschlagene Spezifikation. Dieses Experiment kann für Webseiten über ursprungsbasierte Versuche 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ätspolitik für Stylesheet-Ressourcen

Die HTTP-Header Integrity-Policy und Integrity-Policy-Report-Only werden nun für Stilressourcen unterstützt. Diese erlauben es Webseiten, entweder Subressourcen-Integritätsgarantien für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Berichts-Endpunkte ignoriert und Verstöße in die Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Stilen, die in einem <link> Element mit rel="stylesheet" referenziert werden, entweder ohne das integrity Attribut oder mit einem Integritätshash, 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 HTTP-Request-Header Idempotency-Key kann von Webseite-Clientcode verwendet werden, um POST oder PATCH Anfragen idempotent zu machen, wenn es zusammen mit einem Server verwendet wird, der es unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und angeben sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und die erwarteten Fehlermeldungen.

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST-Anfrage hinzu, wenn er nicht bereits vom Seiten-Clientcode hinzugefügt wurde. Dies vereinfacht den erforderlichen 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 Standardanfragen und Bildanfragen 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 einen Standardwert von Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht für Cross-Site-Subanfragen zum Laden von Bildern oder Frames auf einer Drittanbieter-Seite usw. Weitere Details siehe Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Auf true setzen, um zu aktivieren.

Access-Control-Allow-Headers Platzhalter umfasst nicht 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 Antwortdirective kann einen Platzhalter (*) enthalten, der angibt, dass die endgültige Anfrage alle Header außer dem Authorization-Header enthalten kann.

Standardmäßig schließt Firefox den Authorization-Header in die endgültige Anfrage ein, nachdem eine Antwort mit Access-Control-Allow-Headers: * empfangen wurde. Setzen Sie die Einstellung auf false, um sicherzustellen, dass Firefox den Authorization-Header nicht einschließt. Mehr Details siehe Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Auf true setzen, 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 zu Beta und Release gelangen. Die unten stehenden Funktionen sind die aktuelle Ernte der experimentellen Entwicklerwerkzeugfunktionen.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

• Firefox Entwicklerversion-Hinweise
• Firefox Nightly
• Firefox Developer Edition