Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dies führt dazu, dass ein Suchfeld ein Löschsymbol hat, sobald jemand das 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.

Umschalten der Passwortanzeige

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

layout.forms.reveal-password-button.enabled

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

Setzen Sie auf true, um zu aktivieren.

alpha und colorspace Attribute in color Eingabeelementen

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

dom.forms.html_color_picker.enabled

Setzen Sie auf true, um zu aktivieren.

CSS

Hex-Boxen zur Anzeige von streuenden Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tabulator (U+0009), Zeilenumbruch (U+000A), Seitenvorschub (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

Setzen Sie auf true, um zu aktivieren.

initial-letter Eigenschaft

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und erlaubt die Festlegung, wie eingefallene, erhöhte 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ößen-Eigenschaften 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.

Scrollgetriebene Animationen

Früher "scroll-verknüpfte Animationen" genannt, hängt eine scrollgetriebene Animation vom Bildlaufposition eines Scrollbalkens ab, anstatt von Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschrift-Eigenschaft) ermöglichen es Ihnen, anzugeben, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scrollgetriebene Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation verbunden werden, indem die animation-timeline Eigenschaft auf den namensgebenden Wert gesetzt wird, der mit scroll-timeline-name definiert ist.

Wenn die scroll-timeline Kurzschrift-Property verwendet wird, muss die Reihenfolge der Eigenschaftenwerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Langhand- und Kurzhand-Eigenschaften sind beide hinter der Präferenz verfügbar. Sie können alternativ die scroll() funktionalen Notation mit animation-timeline verwenden, um anzuzeigen, 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 Kurzschrift-Eigenschaft) 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 Medieneigenschaft

Die CSS prefers-reduced-transparency Medieneigenschaft 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. (Sehen Sie sich Firefox-Bug 1736914 für weitere Details an.)

layout.css.prefers-reduced-transparency.enabled

Setzen Sie auf true, um zu aktivieren.

inverted-colors Medieneigenschaft

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

layout.css.inverted-colors.enabled

Setzen Sie auf true, um zu aktivieren.

Benannte Ansicht Fortschritt-Zeitleisten-Eigenschaft

Die CSS view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, das angibt, dass sein Vorfahren-Scroller-Element die Quelle einer Fortschrittszeitleiste 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 Vorfahren-Scrollers bewegt. (Sehen Sie Firefox-Bug 1737920 für weitere Details.)

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

Anonyme Ansicht Fortschritt-Zeitleisten-Funktion

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

Transform-Eigenschaften mit Anbieterpräfixen

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

Konkret wird diese Präferenz die folgenden Präfix-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.

Symmetrisches letter-spacing

Die CSS letter-spacing Eigenschaft teilt jetzt den angegebenen Buchstabenabstand gleichmäßig auf beiden Seiten jedes Zeichens. Dies ist anders als das aktuelle Verhalten, bei dem der Abstand hauptsächlich auf einer Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand verbessern, insbesondere bei gemischtem Richtungstext. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Setzen Sie auf true, um zu aktivieren.

Erlauben von Pseudo-Elementen nach Element-unterstützten Pseudo-Elementen

Es wurden Arbeiten begonnen, um zu ermöglichen, dass Pseudo-Elemente wie ::first-letter und ::before an Element-unterstützte Pseudo-Elemente wie ::details-content und ::file-selector-button angehängt werden.

Dies wird es Benutzern ermöglichen, z. B. 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 Pseudo-Element ::file-selector-button ist noch nicht als element-basiertes Pseudo-Element markiert, daher gibt es keine Möglichkeit, dies zu testen. (Firefox-Bug 1953557, Firefox-Bug 1941406).

:heading und :heading() Pseudo-Klassen

Die :heading Pseudo-Klasse ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) auf einmal zu gestalten, anstatt sie einzeln anzusprechen. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu gestalten, die mit einer durch Kommas getrennten Liste von ganzen Zahlen übereinstimmen, die den Ü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 Aliasse für lange oder komplexe Medienabfragen. Anstatt dasselbe fest kodierte <media-query-list> in mehreren @media Regeln zu wiederholen, kann es einmal in einer @custom-media Regel definiert und immer dann im Stylesheet referenziert werden, wenn es benötigt wird. (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 ermöglicht es Ihnen, anzugeben, wie ein Attributwert in einen CSS-Wert geparst wird und diese Werte direkt aus data-* abzunehmen. (Firefox-Bug 1986631, Firefox-Bug 1998245)

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

base-select Wert für das appearance CSS-Attribut

Der base-select Wert für das appearance CSS-Attribut, das nur für das <select> Element und das ::picker(select) Pseudo-Element relevant ist, ermöglicht es, sie vollständig zu stylen. Derzeit 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 Customizable Select elements Arbeit. Zwei Präferenzen müssen aktiviert sein, um es zu verwenden. (Firefox-Bug 1974787).

dom.select.customizable_select.enabled

Setzen Sie auf true, um zu aktivieren.

layout.css.appearance-base.enabled

Setzen Sie auf true, um zu aktivieren.

Namensraumattribute in attr() CSS-Funktion

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

layout.css.attr.enabled

Setzen Sie auf true, um zu aktivieren.

Absolut positionierte Elemente in mehrspaltigen Containern und beim Drucken

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

layout.abspos.fragmentainer-aware-positioning.enabled

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 eine gültige CSS-Benutzerdefinierte Eigenschaft hat und ihren Wert mit Vergleichsoperatoren wie >, <, >= und <= abzugleichen und entsprechend auf seine Kinder anzuwenden. (Firefox-Bug 2024601).

layout.css.attr.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 scrollbare Inhalte nicht erreichbar waren. Wenn eine Bildlaufleiste auf display: none; oder width: 0; gesetzt ist, würden die Bildlaufleisten von verschachtelten scrollbaren Bereichen übereinander gestapelt, was bedeutet, dass einige der Inhalte möglicherweise nicht erreichbar sind. Dies bedeutet jedoch, dass der @supports selector(::-webkit-scrollbar) Check true zurückgeben wird, obwohl 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 animation-range-start, animation-range-end CSS-Eigenschaften und animation-range Kurzschrift-Eigenschaft unterstützen jetzt <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen Ihnen, genau anzugeben, in welchem Segment eine scrollgetriebene Animation stattfindet. (Firefox-Bug 1804775).

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

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

Die @keyframes Regel unterstützt jetzt <timeline-range-name> Werte. Diese Werte ermöglichen es Ihnen, das Segment anzugeben, innerhalb dessen eine scrollgetriebene Animation stattfindet. (Firefox-Bug 1824875).

layout.css.scroll-driven-animations.enabled

Setzen Sie auf true, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

Deaktivieren von href bei Nicht-<a> MathML-Elementen

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

mathml.href_link_on_non_anchor_element.disabled

Setzen Sie auf true, um zu aktivieren.

JavaScript

TC39 Iterator includes Vorschlag

Die Methode Iterator.prototype.includes() testet, ob eine Iterator-Instanz einen bestimmten Wert erzeugen wird. Der Vergleich verwendet den SameValueZero Algorithmus. Dieser Algorithmus ist ähnlich wie strikte Gleichheit === (wobei -0 und +0 als gleich angesehen werden), aber unterscheidet sich darin, dass NaN als gleich zu sich selbst betrachtet wird. (Firefox-Bug 2025779).

javascript.options.experimental.iterator_includes

Setzen Sie auf true, um zu aktivieren.

TC39 Intl.Locale info Vorschlag

Der TC39 Intl.Locale info Vorschlag wird jetzt unterstützt. Dies beinhaltet alle Instanzmethoden auf Intl.Locale, die mit "get" vorangestellt sind — Intl.Locale.prototype.getCalendars(), Intl.Locale.prototype.getCollations(), Intl.Locale.prototype.getHourCycles(), Intl.Locale.prototype.getNumberingSystems(), Intl.Locale.prototype.getTextInfo(), Intl.Locale.prototype.getTimeZones(), Intl.Locale.prototype.getWeekInfo(). (Firefox-Bug 1693576).

javascript.options.experimental.intl_locale_info

Setzen Sie auf true, um in Nightly zu aktivieren.

Textmodul-Import

Die with Klausel { type: "text" } erlaubt es, den Quellcode eines Moduls als Zeichenfolgenwert zu importieren. 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

Setzen Sie auf true, 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 Modulzuordnungen im Voraus kennen müssen und sie in einer einzigen Importkarte eine beliebige Anzahl von Modulen laden können. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Setzen Sie auf true, um zu aktivieren.

APIs

Gescopte benutzerdefinierte Elementregistrierungen

Unterstützung für gescoppte benutzerdefinierte Elementregistrierungen wird implementiert. Gescoppte Register ermöglichen es einem Schattenbaum, ein unabhängiges CustomElementRegistry zu erstellen, dessen 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 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 Typisiertes Objektmodell Level 1

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

layout.css.typed-om.enabled

Setzen Sie auf true, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwürfe von Erweiterungen

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

WebGPU API

Die WebGPU API bietet eine geringe Unterstützung für die Durchführung von Berechnungen und die Grafikwiedergabe mit der Graphics Processing Unit (GPU) des Benutzergeräts oder Computers. Ab Version 142 ist dies auf Windows in allen Kontexten außer bei Service-Workern aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon in allen Browserkontexten außer bei 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 unseren Fortschritt auf dieser API.

dom.webgpu.enabled

Setzen Sie auf true, um zu aktivieren (aktiviert in Nightly und auf Windows in allen Releases)

dom.webgpu.service-workers.enabled

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

WebRTC und Medien

Die folgenden experimentellen Funktionen beinhalten diejenigen, die in den Media-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, sodass sie standardmäßig deaktiviert sind. Siehe Firefox-Bug 1057233 für weitere Details.

media.track.enabled

Setzen Sie auf true, um zu aktivieren.

Asynchrone SourceBuffer Hinzufügung und Entfernung

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

media.mediasource.experimental.enabled

Setzen Sie auf true, um zu aktivieren.

AVIF Konformitätsstärke

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

image.avif.compliance_strictness

Numerischer Wert, der ein Strenge_level angibt. Zulässige Werte sind:

• 0: Permissiv. Akzeptiere Bilder mit Spezifikationsverstößen in sowohl Empfehlungen ("sollte" Sprache) als auch Anforderungen ("muss" Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standard): Gemischt. Verwerfe Verstöße gegen Anforderungen ("muss"), erlaube jedoch Verstöße gegen Empfehlungen ("sollte").
• 2: Streng. Verwerfe alle Verstöße gegen spezifizierte Anforderungen oder Empfehlungen.

JPEG XL Unterstützung

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

In Firefox 149 wurde der vorherige C++ JPEG XL Bilddekoder mit einer neuen rust-basierten 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 befindet sich 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() mappen den angegebenen Punkt, das Rechteck oder das Quadruple 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 einem 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äres Zahlungsmanagement

Die Payment Request API bietet Unterstützung für das Management von web-basierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während des Testens der Benutzeroberfläche aufkam, haben wir beschlossen, die Bereitstellung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API stattfinden. Die Arbeit geht weiter. (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 Komma-getrennte Whitelist 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 aus. Diese Funktion ist auf Android in allen Builds aktiviert, aber hinter einer Präferenz auf dem Desktop (wenn nicht anders 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 auf true gesetzt (Firefox-Bug 1794475).

dom.webnotifications.requireinteraction.enabled

Setzen Sie auf true, um zu aktivieren.

Sicherheit und Datenschutz

Beschriftung unsicherer Seiten

Die beiden Präferenzen security.insecure_connection_text_* fügen neben dem traditionellen Schloss-Symbol eine "Nicht sicher"-Textbeschriftung in der Adressleiste hinzu, wenn eine Seite unsicher geladen wird (das heißt, mit HTTP anstelle von HTTPS). Die Präferenz browser.urlbar.trimHttps entfernt 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 Textbeschriftung für den normalen Browsermodus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

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

browser.urlbar.trimHttps

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

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

Das nicht standardisierte <meta name="rating"> Element kann in einer Webseite enthalten sein, um den Inhalt der Seite als eingeschränkt/erwachsen zu kennzeichnen. Zum Zeitpunkt der Erstellung gibt es zwei mögliche content Werte, adult (definiert durch Google) und RTA-5042-1996-1400-1577-RTA (definiert durch ASACP), die den gleichen Effekt haben (möglicherweise werden in Zukunft weitere Optionen hinzugefügt).

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 Maßnahmen ergreifen, um Benutzer daran zu hindern, den Inhalt anzuzeigen. 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, warum er sie nicht anzeigen kann und gibt ihm einen Zurück-Button, um dorthin zurückzukehren, woher 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 zu beschränken, die sich selbst als erwachsen identifizieren, indem sie ein <meta name="rating"> Element enthalten.

security.restrict_to_adults.respect_platform

Setzen Sie auf true, um den Zugriff auf Webseiten zu beschränken, die sich selbst als erwachsen identifizieren, indem sie ein <meta name="rating"> Element nur dann enthalten, wenn entsprechende Kindersperren auf dem zugrunde liegenden Betriebssystem aktiviert sind (z. B. die macOS Content & Privacy Einstellungen).

Permissions Policy / Feature Policy

Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und deren Verhalten zu modifizieren. Sie ist ähnlich wie CSP, steuert jedoch 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 durch das allow Attribut auf <iframe> Elementen festgelegt werden können, selbst wenn die Benutzerpräferenz nicht eingestellt ist.

dom.security.featurePolicy.header.enabled

Setzen Sie auf true, um zu aktivieren.

Privacy-preserving Attribution API (PPA)

Die PPA API bietet eine Alternative zum Benutzertargeting für die Anzeigenauswertung, indem das neue navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion() verwendet wird. Lesen Sie mehr über PPA in der ursprünglichen Erklärung und der vorgeschlagenen Spezifikation. Dieses Experiment kann für Websites über Origin Trial oder im Browser aktiviert werden, indem die Präferenz auf 1 gesetzt wird. (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 Stilressourcen unterstützt. Diese ermöglichen es Websites, entweder Unterressourcen-Integritätsgarantien für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Berichtsendpunkte 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, die entweder das integrity Attribut nicht besitzen oder einen Integritätshash 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.

Idempotency-Key

Der Idempotency-Key HTTP-Request-Header kann von Website-Clientcode verwendet werden, um eine POST oder PATCH Anfrage idempotent zu machen, wenn er mit einem Server verwendet wird, der es unterstützt. Die Spezifikation zeigt an, dass der Server dokumentieren und ankündigen sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und erwartete Fehlerantworten.

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST Anfrage hinzu, wenn er noch nicht vom Clientseitencode der Seite hinzugefügt wurde. Dies vereinfacht den Clientseitencode, 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 Bildanfragen kann über eine Präferenz konfiguriert werden, um die 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 einen Standardwert von Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungswebsite navigiert, nicht für standortübergreifende Unteranfragen, um Bilder oder Frames in eine 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 Platzhalter deckt nicht Autorisierung ab

Der Access-Control-Allow-Headers ist ein Antwortheader auf eine CORS Preflight-Anfrage, die angibt, welche Anforderungsheader in der endgültigen Anfrage enthalten sein dürfen. Die Antwort-Anweisung 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 es 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 weitere 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 auf den Nightly- und Developer Edition-Kanälen, bevor wir sie in die Beta und Release einfließen lassen. Die folgenden Funktionen sind die derzeitigen experimentellen Entwicklerwerkzeugfunktionen.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

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