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öschsymbol, 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

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

Auf true setzen, um zu aktivieren.

Zeitwähler in datetime-local und time Eingabeelementen

Die HTML-Eingabeelemente <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-Eingabeelement <input type="color"> unterstützt die alpha & colorspace Attribute. (Firefox-Bug 1919718).

dom.forms.html_color_picker.enabled

Auf true setzen, um zu aktivieren.

CSS

Hex-Boxen zur Anzeige von streunenden 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 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 Ihnen, festzulegen, wie herabgesetzte, erhöhte und abgesenkte Initialbuchstaben angezeigt werden. (Siehe Firefox-Bug 1223880 für weitere Details.)

layout.css.initial-letter.enabled

Auf true setzen, um zu aktivieren.

fit-content() Funktion

Die fit-content() Funktion, wie sie bei width und anderen Größen-Eigenschaften angewendet wird. Diese Funktion wird bereits gut für das Größenmanagement von CSS Grid Layout-Tracks unterstützt. (Siehe Firefox-Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Auf true setzen, um zu aktivieren.

Scrollabhängige Animationen

Früher "scrollverknüpfte Animationen" genannt, hängt eine scrollabhängige Animation von der Scrollposition eines Scrollbalkens ab, anstatt von Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzform-Eigenschaft) ermöglichen Ihnen, festzulegen, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scrollabhängige Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation verknüpft werden, indem die animation-timeline Eigenschaft auf den in scroll-timeline-name definierten Namen gesetzt wird.

Bei der Verwendung der scroll-timeline Kurzform-Eigenschaft muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Langform- und Kurzform-Eigenschaften sind beide hinter der Präferenz verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um zu signalisieren, dass eine Scrollbalkenachse in einem übergeordneten Element 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 Kurzform-Eigenschaft) werden noch nicht unterstützt. Weitere Informationen finden Sie unter Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

prefers-reduced-transparency Medienfunktion

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

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

layout.css.inverted-colors.enabled

Auf true setzen, um zu aktivieren.

Benannte View-Fortschrittszeitleisten-Eigenschaft

Die CSS view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, indem Sie identifizieren, dass dessen übergeordnetes Scroller-Element die Quelle einer View-Fortschrittszeitleiste ist. Der Name kann dann der animation-timeline zugewiesen werden, die dann das zugeordnete Element animiert, wenn 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 View-Fortschrittszeitleisten-Funktion

Die CSS view() Funktion lässt Sie festlegen, dass die animation-timeline für ein Element eine View-Fortschrittszeitleiste ist, die das Element animiert, wenn es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Die Funktion definiert die Achse des übergeordneten Elements, die die Zeitleiste liefert, sowie den Ausschnitt im sichtbaren Bereich, bei dem die Animation startet und beginnt. Siehe (Firefox-Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Anbieter-spezifische Transform-Eigenschaften

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

Konkret wird diese Präferenz die folgenden vorangestellten Eigenschaften deaktivieren:

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

layout.css.prefixes.transforms

Auf true setzen, um zu aktivieren.

Symmetrisches letter-spacing

Die CSS letter-spacing Eigenschaft teilt den angegebenen Zeichenabstand nun gleichmäßig auf beide 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 die Textabstände verbessern, insbesondere bei gemischtrichtiger Schrift. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Auf true setzen, um zu aktivieren.

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

Es wurde begonnen, Pseudo-Elemente wie ::first-letter und ::before zu ermöglichen, die an elementgestützten Pseudo-Elementen wie ::details-content und ::file-selector-button angehängt werden.

Dies ermöglicht es Benutzern, zum Beispiel, das erste Zeichen des <details> Elements mit dem CSS-Selektor ::details-content::first-letter zu stylen oder Inhalt vor einem <input> von type="file" mit dem CSS-Selektor ::file-selector-button::before hinzuzufügen.

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, sodass es keine Möglichkeit gibt, dies zu prüfen. (Firefox-Bug 1953557, Firefox-Bug 1941406).

:heading und :heading() Pseudoklassen

Die :heading Pseudoklasse ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln zu adressieren. Die :heading() Funktionalität erlaubt es Ihnen, Überschriftselemente zu stylen, die einer durch Komma getrennten Liste von ganzen Zahlen entsprechen, die den Überschriftsstufen entsprechen. (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 den gleichen hartkodierten <media-query-list> in mehreren @media-Regeln zu wiederholen, kann er einmal in einer @custom-media-Regel definiert und im Stylesheet überall dort, wo er benötigt wird, referenziert werden. (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 jetzt <attr-type> Werte. Dies erlaubt Ihnen anzugeben, wie ein Attributwert in einen CSS-Wert geparst wird und ermöglicht die direkte Verwendung dieser Werte von data-*. (Firefox-Bug 1986631, Firefox-Bug 1998245)

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

base-select Wert für die appearance CSS-Eigenschaft

Der base-select Wert für die appearance CSS-Eigenschaft, die nur für das <select> Element und das ::picker(select) Pseudo-Element relevant ist, erlaubt es Ihnen, sie vollständig zu stylen. Im Moment wird nur das Styling des <select>-Elements unterstützt. Das Styling des ::picker(select)-Pseudo-Elements wird in zukünftigen Versionen hinzugefügt. Diese Funktion ist Teil der Arbeit an anpassbaren Auswahl-Elementen. Zwei Präferenzen müssen aktiviert sein, um sie zu verwenden. (Firefox-Bug 1974787).

dom.select.customizable_select.enabled

Auf true setzen, um zu aktivieren.

layout.css.appearance-base.enabled

Auf true setzen, um zu aktivieren.

Namensräume in der attr() CSS-Funktion

Die attr() CSS-Funktion akzeptiert nun Namenräume. Dies ermöglicht es Ihnen, Attribute von Elementen XML-basierter Sprachen wie SVG zu verwenden und 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 in mehrspaltigen Containern und beim Drucken sind nun korrekt positioniert und fragmentiert. Dies verbessert die Interoperabilität mit anderen Browsern und verhindert Layoutprobleme wie sich ü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 nun die Bereichssyntax. Dies erlaubt es Ihnen zu überprüfen, ob ein Container eine gültige benutzerdefinierte CSS-Eigenschaft hat und deren Wert mit Vergleichsoperationen wie >, <, >= und <= zu vergleichen und entsprechend Stile auf seine Kinder anzuwenden. (Firefox-Bug 2024601).

layout.css.attr.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 scrollbar Inhalts nicht erreichbar war. Wenn ein Scrollbalken auf display: none; oder width: 0; gesetzt ist, dann wären die Scrollbalken verschachtelter scrollbarer Bereiche übereinander gestapelt, was bedeutet, dass ein Teil des Inhalts möglicherweise nicht erreichbar ist. Dies hat jedoch zur Folge, dass der @supports selector(::-webkit-scrollbar) Check true zurückgibt, auch wenn 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 animation-range-start, animation-range-end CSS-Eigenschaften und animation-range Kurzform-Eigenschaft unterstützen jetzt <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es Ihnen, genau anzugeben, welches Segment eine scrollgesteuerte Animation in Anspruch nehmen wird. (Firefox-Bug 1804775).

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

<timeline-range-name> Werte in @keyframes Selektoren

Die @keyframes Regel unterstützt jetzt <timeline-range-name> Werte. Diese Werte lassen Sie angeben, innerhalb welches Segments eine scrollgesteuerte Animation stattfindet. (Firefox-Bug 1824875).

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Baumzählungs-CSS-Funktionen

Die sibling-count() und sibling-index() Funktion werden jetzt unterstützt. Die sibling-count() Funktion gibt die Anzahl der Geschwisterelemente sowie das Element selbst zurück. Die sibling-index() Funktion gibt die Indexzahl des Elements im Verhältnis zu seinen Geschwistern zurück, beginnend bei 1 und nicht 0. (Firefox-Bug 2042063).

layout.css.tree-counting-functions.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>, zur Anpassung an die MathML-Kern-Spezifikation, 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

TC39 Vorschlag für Iterator includes

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

javascript.options.experimental.iterator_includes

Auf true setzen, um zu aktivieren.

Textmodulimport

Die with Klausel { type: "text" } ermöglicht das Importieren des Quellcodes eines Moduls als Zeichenkettenwert. Der Medientyp der Antwort wird ignoriert, und der Inhalt wird als Text geparst, auch wenn der Quellcode Skripte oder anderen ausführbaren Code enthält. (Firefox-Bug 2024854).

javascript.options.experimental.import_text

Auf true setzen, um zu aktivieren.

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 mehr all ihre Modulzuordnungen im Voraus kennen und in einem einzelnen Import-Map laden müssen. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Auf true setzen, um zu aktivieren.

APIs

Absturzberichte

Absturzberichte können jetzt über die Reporting API an den default Endpunkt gesendet werden. Beachten Sie, dass Firefox das Bereitstellen von CrashReportContext im Berichtsinhalt nicht unterstützt. (Firefox-Bug 2036160).

dom.reporting.crash.enabled

Auf true setzen, um zu aktivieren (standardmäßig aktiviert in Nightly).

Gescopte benutzerdefinierte Elementregister

Die Unterstützung für gescopte benutzerdefinierte Elementregister wird implementiert. Gescopte Register erlauben es einem Schattendom, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen spezifischen DOM-Teilbaum gelten. Dies kann verwendet werden, um Konflikte zu vermeiden, bei denen mehrere Webkomponenten 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 Typosiertes Objektmodell Level 1

Die Implementierungsarbeiten am CSS Typosiertes OM Level 1 haben begonnen. Zum Beispiel wird die Methode to() der CSSNumericValue Schnittstelle unterstützt, um einen CSS-nummerischen Wert von einer Einheit in eine andere umzuwandeln. (Firefox-Bug 1278697).

layout.css.typed-om.enabled

Auf true setzen, um zu aktivieren.

Grafiken: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

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

WebGPU API

Die WebGPU API bietet Unterstützung auf niedrigem Niveau für die Durchführung von Berechnungen und Grafikwiedergabe mit der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist dies unter Windows in allen Kontexten aktiviert, außer in Service-Arbeitern. Ab Version 147 ist dies unter macOS auf Apple Silicon in allen Browsing-Kontexten aktiviert, außer in Service-Arbeitern. Für andere Plattformen wie Linux und macOS auf Intel-Silicon ist es in Nightly aktiviert. Siehe Firefox-Bug 1602129 für unseren Fortschritt bei dieser API.

dom.webgpu.enabled

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

dom.webgpu.service-workers.enabled

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

WebRTC und Medien

Die folgenden experimentellen Funktionen beinhalten 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

Wenn Sie diese Funktion aktivieren, werden die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks zu allen HTML-Medienelementen hinzugefügt. Da Firefox jedoch derzeit keine mehreren Audio- und Videospuren unterstützt, funktionieren die gängigsten Anwendungsfälle für diese Eigenschaften nicht, sodass sie beide standardmäßig deaktiviert sind. Siehe Firefox-Bug 1057233 für mehr Details.

media.track.enabled

Auf true setzen, um zu aktivieren.

Asynchrones SourceBuffer Hinzufügen und Entfernen

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

media.mediasource.experimental.enabled

Auf true setzen, um zu aktivieren.

AVIF-Compliance-Stringenz

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

image.avif.compliance_strictness

Numerischer Wert, der ein Stringenz Level anzeigt. Erlaubte Werte sind:

• 0: Nachsichtig. Akzeptiere Bilder mit Verletzungen der Spezifikation sowohl in Empfehlungen ("sollte" Sprache) als auch in Anforderungen ("muss" Sprache), vorausgesetzt, sie können sicher oder unmissverständlich interpretiert werden.
• 1 (standardmäßig): Gemischt. Lehne Verletzungen von Anforderungen ("muss") ab, erlaube jedoch Verletzungen von Empfehlungen ("sollte").
• 2: Strikt. Lehne alle Verletzungen der spezifizierten Anforderungen oder Empfehlungen ab.

Unterstützung für JPEG XL

Firefox unterstützt das JPEG XL Bildformat, einen modernen Nachfolger von JPEG, der eine verbesserte Kompression und Bildqualität bietet, zusammen mit neuen Funktionen wie Transparenz, Animation und HDR-Unterstützung. Siehe Firefox-Bug 1539075 und Firefox-Bug 2016688 für weitere Details.

In Firefox 149 wurde der bisherige C++ JPEG XL Bild-Decoder durch eine neue Rust-basierte 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 steht zur Entfernung an. 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 Vierfach aus dem 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 Ansichtsfenster zurück. (Siehe Firefox-Bug 917755 für weitere Details.)

layout.css.getBoxQuads.enabled

Auf true setzen, um zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Abwicklung von web-basierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Bugs, der bei Tests der Benutzeroberfläche auftrat, haben wir beschlossen, das Shippieren dieser API zu verschieben, während Diskussionen über mögliche Änderungen der API geführt werden. Die Arbeit geht weiter. (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 kommagetrennte Allowlist 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 (es sei denn, unten angegeben).

dom.webshare.enabled

Auf true setzen, um zu aktivieren.

Notifications API

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

dom.webnotifications.requireinteraction.enabled

Auf true setzen, um zu aktivieren.

Sicherheit und Datenschutz

Kennzeichnung unsicherer Seiten

Die beiden security.insecure_connection_text_* Präferenzen fügen ein "Nicht sicher"-Textlabel in die Adressleiste neben dem traditionellen Schloss-Symbol, wenn eine Seite unsicher geladen wird (d.h. mit HTTP anstelle von HTTPS). Die Präferenz browser.urlbar.trimHttps entfernt das https:-Präfix aus URL 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 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 aus URL 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 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 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 Benutzer daran zu hindern, den Inhalt anzusehen. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt, der unter about:restricted zu finden ist, der dem Benutzer erklärt, dass er versucht, eingeschränkten Inhalt anzusehen, erklärt, warum er ihn nicht ansehen kann, und ihm eine Zurück-Schaltfläche gibt, um zurückzukehren, woher er gekommen ist.

Siehe Firefox-Bug 1991135 für weitere Details.

security.restrict_to_adults.always

Auf true setzen, um den Zugang zu Webseiten zu beschränken, die sich selbst als Erwachseneninhalt identifizieren, indem sie ein <meta name="rating"> Element enthalten.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugang zu Webseiten zu beschränken, die sich selbst als Erwachseneninhalt identifizieren, indem sie ein <meta name="rating"> Element nur enthalten, wenn geeignete Kindersicherungen auf dem zugrunde liegenden Betriebssystem eingestellt sind (zum Beispiel, wenn die macOS Inhalts- und Datenschutzeinstellungen auf die Einschränkung expliziter Webinhalte eingestellt sind).

Berechtigungspolitik / Feature-Policy

Permissions Policy erlaubt es Webentwicklern, die Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und ihr Verhalten zu ändern. Es ist ähnlich wie CSP, aber steuert Funktionen anstelle von 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 über das allow Attribut auf <iframe> Elementen gesetzt werden können, auch wenn die Benutzerpräferenz nicht eingestellt ist.

dom.security.featurePolicy.header.enabled

Auf true setzen, um zu aktivieren.

Datenschutzschonende Attribution API (PPA)

PPA API bietet eine Alternative zum Benutzer-Tracking für Werbeattribution unter Verwendung des neuen navigator.privateAttribution Objekts mit saveImpression() und measureConversion() Methoden. Lesen Sie mehr über PPA im ursprünglichen Erläuterer und der vorgeschlagenen Spezifikation. Dieses Experiment kann für Websites via Herkunftsversuch oder im Browser durch Setzen der Präferenz auf 1 aktiviert werden. (Firefox-Bug 1900929).

dom.origin-trials.private-attribution.state

Auf true setzen, um zu aktivieren.

HTTP

Integritätspolitik 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 Style zu erzwingen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox die 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 fehlen oder einen Integritäts-Hash 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-Request-Header kann von Website-Client-Code verwendet werden, um eine POST oder PATCH Anfragen idempotent zu machen, wenn sie mit einem unterstützenden Server verwendet werden. Die Spezifikation gibt an, dass der Server dokumentieren und bekannt machen sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und erwartete Fehlerantworten.

Firefox fügt automatisch den Header mit einem einzigartigen Schlüssel für jede neue POST Anfrage hinzu, wenn er nicht bereits vom client-seitigen Code der Seite hinzugefügt wurde. Dies vereinfacht den client-seitigen Code, der erforderlich ist, 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 Präferenz so konfiguriert werden, dass er Unterstützung für den MIME-Typ image/jxl anzeigt.

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 zu der Ursprungs-Website navigiert, nicht für subrequests von Drittanbietern, um Bilder oder Frames auf einer externen Website zu laden und so weiter. Weitere Informationen finden Sie unter Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Auf true setzen, um zu aktivieren.

Access-Control-Allow-Headers Platzhalterdeckelung umfasst nicht Authorization

Der Access-Control-Allow-Headers ist ein Antwortheader auf eine CORS Preflight-Anfrage, die angibt, welche Anfrage-Header in der finalen Anfrage enthalten sein dürfen. Die Antwortanweisung kann einen Platzhalter (*) enthalten, der angibt, dass die endgültige Anfrage alle Header außer dem Authorization Header enthalten darf.

Standardmäßig fügt Firefox den Authorization Header in der finalen Anfrage hinzu, nachdem eine Antwort mit Access-Control-Allow-Headers: * empfangen wurde. Setzen Sie die Präferenz auf false, um sicherzustellen, dass Firefox den Authorization Header nicht einfügt. Weitere Informationen finden Sie unter 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 auf den Nightly und Developer Edition Kanälen, bevor sie zur Beta und zum Release gelangen. Die unten stehenden Funktionen sind die aktuellen experimentellen Entwickler-Werkzeugfunktionen.

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

Siehe auch

• Firefox Entwickler-Versionshinweise
• Firefox Nightly
• Firefox Developer Edition