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öschen"-Symbol hat, sobald jemand darin zu tippen beginnt, um andere Browserimplementierungen anzupassen. (Siehe Firefox Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Auf true setzen, um zu aktivieren.

Anzeigen von Passwörtern umschalten

HTML Passwort-Eingabe-Elemente (<input type="password">) beinhalten ein "Auge"-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.

Zeitfenster bei datetime-local und time Eingabeelementen

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

dom.forms.datetime.timepicker

Auf true setzen, um zu aktivieren.

alpha und colorspace Attribute bei color Eingabeelementen

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

dom.forms.html_color_picker.enabled

Auf true setzen, um zu aktivieren.

CSS

Hex-Boxen zur Anzeige von Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) mit Ausnahme von Tab (U+0009), Zeilenumbruch (U+000A), Seitenvorschub (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

Auf true setzen, um zu aktivieren.

Initial-Letter-Eigenschaft

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und erlaubt es Ihnen zu spezifizieren, wie eingehängte, erhobene und versunkene Initialbuchstaben dargestellt 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ößenangaben angewendet wird. Diese Funktion wird bereits gut für CSS Grid Layout-Tröge unterstützt. (Siehe Firefox Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Auf true setzen, um zu aktivieren.

Scrollgetriebene Animationen

Früher als "scroll-gekoppelte Animationen" bezeichnet, ist eine scrollgetriebene Animation von der Scrollposition eines Scrollbalkens anstatt von der Zeit oder einer anderen Dimension abhängig. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzform-Eigenschaft) ermöglichen es Ihnen zu spezifizieren, dass ein bestimmter Scrollbalken in einem benannten Container als Quelle für eine scrollgetriebene Animation verwendet werden kann. Die Rollzeitachse kann dann mit einer Animation assoziiert werden, indem die animation-timeline Eigenschaft auf den in scroll-timeline-name definierten Namenwert gesetzt wird.

Beim Verwenden der scroll-timeline Kurzform-Eigenschaft muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Langform- und Kurzformeigenschaften sind beide hinter der Präferenz verfügbar. Alternativ können Sie die scroll() Funktionalnotation mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse in einem Verzeichniselement für die Zeitachse 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 Kurzform-Eigenschaft) 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.

prefers-reduced-transparency Medienfunktion

Die CSS prefers-reduced-transparency Medienfunktion ermöglicht es zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, um die Menge an transparenten oder durchscheinenden Ebeneffekten 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 ermöglicht es zu erkennen, ob ein Benutzeragent 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.

Eigenschaft für benannte Ansichtsfortschritts-Zeitachsen

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

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Funktion für anonyme Ansichtsfortschritts-Zeitachsen

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, während es sich durch den sichtbaren Bereich seines übergeordneten Scroll-Elements bewegt. Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitachse bereitstellt, sowie den Einsatz innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und gestartet wird. Siehe (Firefox Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Transformations-Eigenschaften mit Anbieterpräfix

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

Konkret wird durch diese Präferenz folgende mit Präfix gekennzeichnete Eigenschaften deaktiviert:

• -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.

Symmetrische 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 den Textabstand verbessern, insbesondere bei gemischter Richtungstexte. (Firefox Bug 1891446).

layout.css.letter-spacing.model

Auf true setzen, um zu aktivieren.

Zulassung von Pseudoelementen hinter Element-unterstützten Pseudoelementen

Die Arbeit hat begonnen, um zuzulassen, dass Pseudoelemente wie ::first-letter und ::before an Element-unterstützte Pseudoelemente wie ::details-content und ::file-selector-button angehängt werden.

Dies ermöglicht es Benutzern, beispielsweise den ersten Buchstaben des <details> Elements zu stylen, indem der CSS-Selektor ::details-content::first-letter verwendet oder Inhalt vor einem <input> von type="file" hinzugefügt wird, indem der CSS-Selektor ::file-selector-button::before verwendet wird.

Derzeit kann nur die Unterstützung für ::details-content::first-letter mithilfe von @supports(::details-content::first-letter) analysiert werden. Das ::file-selector-button Pseudoelement ist noch nicht als Element-basiertes Pseudoelement markiert, 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 stylen, anstatt sie einzeln anzusprechen. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftselemente zu stylen, die mit einer durch Kommas getrennten Liste von Ganzzahlen übereinstimmen, die den Überschriftsebenen 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 Media-Queries. Anstatt die gleiche hartkodierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann sie einmal in einer @custom-media At-Regel definiert und bei Bedarf im gesamten Stylesheet referenziert werden. (Firefox Bug 1744292).

layout.css.custom-media.enabled

Auf true setzen, um zu aktivieren.

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

Die attr() CSS-Funktion unterstützt nun <attr-type> Werte. Dadurch können Sie angeben, wie ein Attributwert in einen CSS-Wert geparst wird, und diese Werte direkt aus data-* übernehmen. (Firefox Bug 1986631, Firefox Bug 1998245)

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

base-select Wert für appearance CSS-Eigenschaft

Der base-select Wert der appearance CSS-Eigenschaft, der nur für das <select> Element und das ::picker(select) Pseudoelement relevant ist, ermöglicht es Ihnen, diese vollständig zu stylen. Derzeit wird nur das Styling des <select> Elements unterstützt. Das Styling des ::picker(select) Pseudoelements wird in zukünftigen Versionen hinzugefügt. Diese Funktion ist Teil der Anpassbaren Auswahl-Elemente Arbeit. Zwei Präferenzen müssen aktiviert sein, um dies 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.

Namespaced-Attribute in der attr() CSS-Funktion

Die attr() CSS-Funktion akzeptiert nun namespaced Attribute. Dadurch können Sie Attribute von Elementen in XML-basierten Sprachen wie SVG übernehmen und entsprechend stylen. (Firefox Bug 2014060.

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

Absolut positionierte Elemente in Multispalten-Containern und beim Drucken

Absolut positionierte Elemente innerhalb von mehrspaltigen Containern und beim Drucken sind nun 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

Auf true setzen, um zu aktivieren.

@container style() Bereichssyntaxabfragen

Die @container CSS-At-Regel style() Abfragen unterstützen nun die Bereichssyntax. Dies ermöglicht es Ihnen, zu überprüfen, ob ein Container über eine gültige CSS-Benutzerdefinierte Eigenschaft verfügt und seinen Wert mit Vergleichsoperatoren wie >, <, >= und <= zu vergleichen und seinen Kindern entsprechend Stile zuzuweisen. (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 scrollbarer Inhalt unerreichbar war. Wenn ein Scrollbalken auf display: none; oder width: 0; gesetzt ist, würden die Scrollbalken von verschachtelten scrollbaren Bereichen aufeinander gestapelt sein, 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 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 die animation-range Kurzform-Eigenschaft unterstützen nun <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es Ihnen, genau anzugeben, in welchem Segment eine scrollgetriebene Animation stattfinden 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 At-Regel unterstützt nun <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

Auf true setzen, um zu aktivieren.

Baumzählende CSS-Funktionen

Die sibling-count() und sibling-index() Funktion werden nun unterstützt. Die sibling-count() Funktion gibt die Anzahl der Geschwisterelemente sowie das Element selbst zurück. Die sibling-index() Funktion gibt die Indexnummer des Elements in Bezug auf seine Geschwister 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 Veröffentlichungszyklus.

MathML

href bei nicht-<a> MathML-Elementen deaktivieren

Wenn diese Einstellung aktiviert ist, erstellt das href globale Attribut keinen Hyperlink auf MathML-Elementen außer <a>, wodurch Firefox mit der MathML Core-Spezifikation übereinstimmt, 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 Iterator includes Vorschlag

Die Methode Iterator.prototype.includes() testet, ob eine Iterator Instanz einen angegebenen Wert erzeugt. Der Vergleich verwendet den SameValueZero Algorithmus. Dieser Algorithmus ähnelt der strengen Gleichheit === (wobei -0 und +0 als gleich angesehen werden), unterscheidet sich jedoch darin, dass NaN als gleich zu sich selbst angesehen wird. (Firefox Bug 2025779).

javascript.options.experimental.iterator_includes

Auf true setzen, um zu aktivieren.

TC39 Intl.Locale info Vorschlag

Der TC39 Intl.Locale info Vorschlag wird jetzt unterstützt. Dazu gehören alle Instanzmethoden auf Intl.Locale, die mit "get" beginnen — 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

Auf true setzen, um es in Nightly 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 ihre Modulzuordnungen nicht mehr im Voraus kennen und sie in einer einzelnen Import-Map deklarieren müssen, die alle Module lädt. (Firefox Bug 1916277).

dom.multiple_import_maps.enabled

Auf true setzen, um zu aktivieren.

APIs

Crash-Berichterstellung

Crash-Berichte 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 in Nightly aktiviert).

Scoped Custom Element Registries

Die Unterstützung für bereichsspezifische registrierte benutzerdefinierte Elemente wird implementiert. Bereichsspezifische Registries ermöglichen einem Schatten-Baum die Erstellung einer unabhängigen CustomElementRegistry, deren Definitionen nur für diesen speziellen DOM-Unterbaum gelten. Dies kann verwendet 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 hat am CSS Typed OM Level 1 begonnen. Beispielsweise wird die Methode to() der CSSNumericValue Schnittstelle zur Umwandlung eines CSS-numerischen Wertes von einer Einheit in eine andere unterstützt. (Firefox Bug 1278697).

layout.css.typed-om.enabled

Auf true setzen, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfs-Erweiterungen

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

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für die Durchführung von Berechnungen und Grafiken-Rendering unter Verwendung der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist dies unter Windows in allen Kontexten außer Service Workers aktiviert. Ab Version 147 ist dies unter macOS auf Apple Silicon in allen Browserkontexten außer Service Workers 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

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

dom.webgpu.service-workers.enabled

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

WebRTC und Medien

Die folgenden experimentellen Funktionen umfassen solche, die in Medien-APIs wie der WebRTC API, der Web Audio API, der Media Source Extensions API, der Encrypted Media Extensions API und der Media Capture and Streams API gefunden werden.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Das Aktivieren dieser Funktion fügt die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften zu allen HTML-Medienelementen hinzu. Da Firefox jedoch derzeit keine Unterstützung für mehrere Audio- und Videospuren bietet, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht, sodass sie beide standardmäßig deaktiviert sind. Siehe Firefox Bug 1057233 für weitere Details.

media.track.enabled

Auf true setzen, um zu aktivieren.

Asynchrones Hinzufügen und Entfernen von Quellpuffern

Dies fügt die Methoden appendBufferAsync() und removeAsync() für das Hinzufügen und Entfernen von Mediensource-Puffern 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 Konformität Strenge

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 anderen Browsern gerendert werden, selbst wenn sie nicht strikt konform sind.

image.avif.compliance_strictness

Numerischer Wert, der eine Strenge Stufe angibt. Erlaubte Werte sind:

• 0: Permissiv. Akzeptiert Bilder mit Spezifikationsverstößen sowohl bei Empfehlungen ("sollte"-Sprache) als auch bei Anforderungen ("müssen"-Sprache), vorausgesetzt, dass sie sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Gemischt. Lehnt Verstöße gegen Anforderungen ("müssen") ab, erlaubt jedoch Verstöße gegen Empfehlungen ("sollte").
• 2: Strikt. Lehnt alle Verstöße gegen festgelegte Anforderungen oder Empfehlungen ab.

JPEG XL Unterstützung

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

In Firefox 149 wurde der vorherige C++ JPEG XL Bilddecoder durch eine neue, auf Rust basierende 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 befindet sich auf dem Weg zur Entfernung. 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() mappieren den gegebenen Punkt, das Rechteck oder das Viereck vom 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 jedem anderen Knoten oder Anzeigeport 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 Zahlungshandhabung

Die Payment Request API bietet Unterstützung für die Abwicklung von web-basierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der beim Testen der Benutzeroberfläche auftrat, haben wir beschlossen, die Veröffentlichung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeit läuft weiter. (Siehe Firefox Bug 1318984 für weitere Details.)

dom.payments.request.enabled

Auf true setzen, um zu aktivieren.

dom.payments.request.supportedRegions

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

WebShare API

Die Web Share API ermöglicht die Freigabe von Dateien, URLs und anderen Daten von einer Website. Diese Funktion ist auf Android in allen Builds aktiviert, jedoch hinter einer Präferenz auf dem Desktop (sofern nicht anders angegeben).

dom.webshare.enabled

Auf true setzen, um zu aktivieren.

Notifications API

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

dom.webnotifications.requireinteraction.enabled

Auf true setzen, um zu aktivieren.

Sicherheit und Datenschutz

Kennzeichnung unsicherer Seiten

Die beiden Präferenzen security.insecure_connection_text_* fügen im Adressfeld ein "Nicht sicher" Textlabel neben dem traditionellen Schlosssymbol hinzu, wenn eine Seite unsicher geladen wird (das heißt, mit HTTP anstatt HTTPS). Die Präferenz browser.urlbar.trimHttps entfernt das https: Präfix aus URLs im Adressfeld. 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 URLs im Adressfeld zu entfernen.

Einschränkung von Erwachsenen-Inhalten mit <meta name="rating">

Das nicht standardkonforme <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 (von Google definiert) und RTA-5042-1996-1400-1577-RTA (von ASACP definiert), die die gleiche Wirkung 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 zu verhindern, dass Benutzer den Inhalt anzeigen. Die Implementierung von Firefox ersetzt die Seite mit dem Inhalt, der unter about:restricted zu finden ist, der dem Benutzer erklärt, dass er versucht, eingeschränkten Inhalt anzuzeigen, erläutert, warum er ihn nicht anzeigen kann und ihm eine Zurück-Schaltfläche gibt, um 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 selbst als Erwachsenenseite identifizieren, indem sie ein <meta name="rating"> Element einschließen.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugriff auf Webseiten zu beschränken, die sich selbst als Erwachsenenseite identifizieren, indem sie ein <meta name="rating"> Element nur dann einschließen, wenn entsprechende Kindersicherungen auf dem zugrunde liegenden Betriebssystem festgelegt sind (zum Beispiel sind die macOS Inhalt & Datenschutz Einstellungen auf die Einschränkung expliziter Webinhalte eingestellt).

Berechtigungspolitik / Funktionspolitik

Die Berechtigungspolitik ermöglicht es Webentwicklern, die Aktivierung, Deaktivierung und das Verhalten gewisser Funktionen und APIs im Browser selektiv zu steuern. Es ist ähnlich wie CSP, kontrolliert aber Funktionen statt Sicherheitsverhalten. Dies ist in Firefox als Funktionspolitik implementiert, der Name, der in einer früheren Version der Spezifikation verwendet wurde.

Beachten Sie, dass unterstützte Richtlinien auch durch das allow Attribut auf <iframe> Elementen gesetzt werden können, auch wenn die Benutzereinstellung nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Auf true setzen, um zu aktivieren.

Datenschutzfreundliche Attributions-API (PPA)

Die PPA API bietet eine Alternative zum Benutzer-Tracking für die Werbeattribution durch das neue navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA im ursprünglichen Erklärungstext und die vorgeschlagene 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

Auf true setzen, um zu aktivieren.

HTTP

Integritätspolitik für Stylesheet-Ressourcen

Die Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden nun für Stylesheet-Ressourcen unterstützt. Diese ermöglichen es Webseiten, entweder Subressourcen-Integritätsgarantien für Stylesheets durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox keine Meldeziele beachtet und Verstöße in die Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Styles, die in einem <link> Element mit rel="stylesheet" referenziert werden und entweder das integrity Attribut fehlen oder einen Integritätshash 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-Anforderungsheader kann von der Website-Client-Code verwendet werden, um eine POST oder PATCH Anfragen idempotent zu machen, wenn er mit einem Server verwendet wird, der ihn unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und bewerben sollte, welche Endpunkte diesen Header benötigen, das Format des Schlüssels und erwartete Fehlermeldungen.

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST Anfrage hinzu, wenn er nicht bereits von der Client-seitigen Code hinzugefügt wurde. Dies vereinfacht den erforderlichen Client-seitigen 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 Präferenz konfiguriert werden, um die 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 standardmäßig den Wert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht jedoch für plattformübergreifende Teilanforderungen, um Bilder oder Rahmen auf einer Drittanbieter-Site zu laden und so weiter. Für weitere Details siehe Firefox Bug 1617609.

network.cookie.sameSite.laxByDefault

Auf true setzen, um zu aktivieren.

Access-Control-Allow-Headers Platzhalter deckt Authorization nicht ab

Der Access-Control-Allow-Headers ist ein Antwortheader auf eine CORS-Vorabanforderung, der angibt, welche Anforderungsheader in der endgültigen 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 endgültigen Anfrage hinzu, nachdem er eine Antwort mit Access-Control-Allow-Headers: * erhalten hat. Stellen 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

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 wir sie in die Beta und die Release-Version gehen lassen. Die unten aufgeführten Funktionen sind die aktuelle Auswahl an experimentellen Entwicklerwerkzeugfunktionen.

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

Siehe auch

• Firefox Entwickler Versionshinweise
• Firefox Nightly
• Firefox Developer Edition