Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

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

Passwortanzeige umschalten

HTML-Passworteingabefelder (<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

Auf true setzen, um zu aktivieren.

Zeitwähler in datetime-local und time Eingabeelementen

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

dom.forms.datetime.timepicker

Auf true setzen, um zu aktivieren.

alpha und colorspace Attribute in 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

circle() und ellipse() erlauben farthest-corner und closest-corner Schlüsselwörter

Die farthest-corner und closest-corner Schlüsselwörter können nun verwendet werden, um die Radienwerte der ellipse() und circle() CSS-Grundformen festzulegen. (Siehe Firefox-Bug 2037673 für weitere Details.)

layout.css.ellipse-corners.enabled

Auf true setzen, um zu aktivieren.

Hex-Boxen zur Anzeige verirrter Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tab (U+0009), Zeilenumbruch (U+000A), Formularvorschub (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 es Ihnen, festzulegen, wie eingehende, hervorstehende und eingesenkte 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 auf width und andere Größenangaben angewendet wird. Diese Funktion wird bereits gut für das Größen von CSS-Grid-Layoutspuren unterstützt. (Siehe Firefox-Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Auf true setzen, um zu aktivieren.

Scroll-getriebene Animationen

Früher als "Scroll-gebundene Animationen" bezeichnet, hängt eine scroll-getriebene Animation von der Scroll-Position eines Scrollbalkens ab, anstatt von der Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschreibweise) ermöglichen es Ihnen, anzugeben, dass ein bestimmter Scrollbalken in einem benannten Container als Quelle für eine scrollgetriebene Animation verwendet werden kann. Die Scroll-Zeitachse kann dann mit einer Animation verbunden werden, indem die animation-timeline Eigenschaft auf den Namen gesetzt wird, der mit scroll-timeline-name definiert wurde.

Wenn die scroll-timeline Kurzschreibweise verwendet wird, muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Lang- und Kurzform-Eigenschaften 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 Vorfahrelement für die Zeitachse verwendet wird.

Weitere Informationen finden Sie in Firefox-Bug 1807685, Firefox-Bug 1804573, Firefox-Bug 1809005, Firefox-Bug 1676791, Firefox-Bug 1754897, Firefox-Bug 1817303 und Firefox-Bug 1737918.

Die timeline-scope, animation-range-start und animation-range-end Eigenschaften (und die animation-range Kurzschreibweise) werden noch nicht unterstützt. Weitere Informationen finden Sie in 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 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 Benutzeragent oder das zugrunde liegende Betriebssystem die Farben invertiert. Siehe (Firefox-Bug 1794628) für weitere Details.

layout.css.inverted-colors.enabled

Auf true setzen, um zu aktivieren.

Benannter Ansicht Fortschritts-Timelines-Eigenschaft

Die CSS view-timeline-name Eigenschaft ermöglicht es, einem bestimmten Element einen Namen zu geben, um anzuzeigen, dass sein Vorfahren-Scroller-Element die Quelle einer Ansichtsfortschritts-Timeline ist. Der Name kann dann dem animation-timeline zugewiesen werden, welches dann das zugeordnete Element animiert, während es durch den sichtbaren Bereich seines Vorfahren-Scroller bewegt wird. Siehe (Firefox-Bug 1737920) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Anonyme Ansichtsfortschritts-Timelines Funktion

Die CSS view() Funktion lässt Sie angeben, dass animation-timeline für ein Element eine Ansichtsfortschritts-Timeline ist, die das Element animieren wird, während es durch den sichtbaren Bereich seines Vorfahren-Scroller gezogen wird. Die Funktion definiert die Achse des Elternelements, das die Timeline liefert, zusammen mit der Einlage im sichtbaren Bereich, an der 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.

Herstellergekennzeichnete Transformations-Eigenschaften

Die -moz- Präfix CSS transform Eigenschaften können deaktiviert werden, indem die layout.css.prefixes.transforms Präferenz auf false gesetzt wird. Die Absicht ist, diese zu deaktivieren, sobald die standardisierten CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

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

Symmetrische letter-spacing

Die CSS letter-spacing Eigenschaft teilt nun die angegebene Buchstabenabstände gleichmäßig auf beiden Seiten jedes Zeichens. Dies unterscheidet sich vom aktuellen Verhalten, bei dem der Abstand hauptsächlich auf einer Seite hinzugefügt wird. Dieser Ansatz kann die Textabstände verbessern, insbesondere bei gemischtrichtigen Texten. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Auf true setzen, um zu aktivieren.

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

Es wird daran gearbeitet, das Anfügen von Pseudo-Elementen wie ::first-letter und ::before an elementgestützte Pseudo-Elemente wie ::details-content und ::file-selector-button zuzulassen.

Dies wird es Benutzern ermöglichen, zum Beispiel den ersten Buchstaben des <details> Elements zu stylen, indem der CSS-Selektor ::details-content::first-letter verwendet wird oder Inhalte vor einem <input> von type="file" hinzugefügt werden, 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 ::file-selector-button Pseudo-Element ist noch nicht als elementgestütztes 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, alle Überschriftselemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln anzusprechen. Die :heading() funktionale Pseudo-Klasse ermöglicht es, Überschriftselemente zu stylen, die einer kommagetrennten 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 Media-Queries. Anstatt das gleiche hartkodierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann es einmal in einer @custom-media At-Regel definiert und im gesamten Stylesheet bei Bedarf 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 nun <attr-type> Werte. Dies ermöglicht es, anzugeben, wie ein Attributwert in einen CSS-Wert geparst wird und diese Werte direkt aus data-* zu nehmen. (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 für die appearance CSS-Eigenschaft, die nur für das <select> Element und ::picker(select) Pseudo-Element relevant ist, ermöglicht es, diese 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 werden, um es zu nutzen. (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.

Namespace-Attribute in der attr() CSS-Funktion

Die attr() CSS-Funktion akzeptiert nun Namenraum-Attribute. Dadurch können Sie Attribute von Elementen von XML-basierten Sprachen wie SVG nehmen und sie entsprechend gestalten. (Firefox-Bug 2014060.

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

Absolut positionierte Elemente in Multi-Column-Containern und beim Drucken

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

Auf true setzen, um zu aktivieren.

@container style() Bereichssyntax-Abfragen

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-Benutzereigenschaft hat und deren Wert mit Vergleichsoperatoren wie >, <, >= und <= zu vergleichen und entsprechend Stile auf seine Kinder anzuwenden. (Firefox-Bug 2024601).

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

<timeline-range-name> Werte

Die animation-range-start, animation-range-end CSS-Eigenschaften und animation-range Kurzschreibweise unterstützen jetzt <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es Ihnen, genau anzugeben, über welches Segment eine scrollgetriebene Animation ablaufen 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 jetzt <timeline-range-name> Werte. Diese Werte ermöglichen es Ihnen, das Segment anzugeben, in dem eine scrollgetriebene 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 Indexnummer des Elements im Verhältnis zu seinen Geschwistern zurück, dies beginnt ab 1 und nicht bei 0. (Firefox-Bug 2042063).

layout.css.tree-counting-functions.enabled

Auf true setzen, um zu aktivieren.

Aktualisierung von Attributen externer Ressourcen

Die link-parameters CSS-Eigenschaft und param CSS-Funktion werden jetzt unterstützt. Dadurch kann der Benutzer Attribute externer Ressourcen, wie SVGs, aktualisieren, deren Attribute mit der env() CSS-Funktion gesetzt sind. Das bedeutet, dass eine einzelne externe Ressource verwendet werden kann, anstatt mehrere Variationen zu erstellen, die sich nur in Farben oder anderen Werten unterscheiden. (Firefox-Bug 2046153).

layout.css.link-parameters.enabled

Auf true setzen, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

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

Wenn aktiviert, erstellt das href globale Attribut keine Hyperlinks mehr auf MathML-Elementen außer <a>, wodurch Firefox mit der MathML-Core-Spezifikation in Einklang gebracht wird, die Hyperlinks nur 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 erzeugen wird. Der Vergleich verwendet den SameValueZero Algorithmus. Dieser Algorithmus ähnelt der strikten Gleichheit === (bei der -0 und +0 als gleich betrachtet werden), 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.

TC39 Intl.Locale info Vorschlag

Der TC39 Intl.Locale info proposal wird jetzt unterstützt. Dies umfasst alle Instanzmethoden in 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 in Nightly 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 Modulzuordnungen im Voraus wissen und diese in einer einzigen Importkarte laden müssen. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Auf true setzen, um zu aktivieren.

APIs

Absturzberichterstattung

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

dom.reporting.crash.enabled

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

Geltungsbereichsbezogene benutzerdefinierte Elementverzeichnisse

Unterstützung für geltenweit benutzerdefinierte Elementverzeichnisse wird implementiert. Scoped-Verzeichnisse ermöglichen es einem Shadow-Baum, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur auf diesen speziellen DOM-Teilbaum angewendet werden. 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

Auf true setzen, um zu aktivieren.

CSS Typed Object Model Level 1

Implementierungsarbeiten am CSS Typed OM Level 1 haben begonnen. Zum Beispiel wird die to() Methode der CSSNumericValue Schnittstelle 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 Präferenz aktiviert ist, sind alle WebGL-Erweiterungen, die sich derzeit im "Entwurf"-Status befinden und getestet werden, zur Nutzung freigegeben. Derzeit gibt es keine WebGL-Erweiterungen, die von Firefox getestet werden.

WebGPU API

Die WebGPU API bietet Unterstützung auf niedriger Ebene zur Durchführung von Berechnung und Grafikrendering mit der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist dies auf Windows in allen Kontexten außer Dienstarbeitern aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon in allen Browsing-Kontexten außer Dienstarbeitern aktiviert. Für andere Plattformen wie Linux und macOS auf Intel-Silikon ist es in Nightly aktiviert. Siehe Firefox-Bug 1602129 für unseren Fortschritt auf dieser API.

dom.webgpu.enabled

Auf true setzen, um zu aktivieren (in Nightly und auf Windows in allen Versionen aktiviert)

dom.webgpu.service-workers.enabled

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

WebRTC und Medien

Die folgenden experimentellen Funktionen umfassen 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 gefundenen.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Durch Aktivierung dieser Funktion werden die HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks Eigenschaften zu allen HTML-Medienelementen hinzugefügt. Da Firefox jedoch derzeit keine Unterstützung für mehrere Audio- und Videotracks 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

Auf true setzen, um zu aktivieren.

Asynchrone SourceBuffer hinzufügen und entfernen

Dies fügt die auf Versprechen basierenden Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Mediensourcepuffern 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ätsstrengheit

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

image.avif.compliance_strictness

Numerischer Wert, der ein Strengheits-Level angibt. Erlaubte Werte sind:

• 0: Tolerant. Akzeptieren von Bildern mit Spezifikationsverstößen sowohl in Empfehlungen ("sollte" Sprache) als auch in Anforderungen ("muss" Sprache), sofern diese sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Gemischt. Ablehnen von Verstößen gegen Anforderungen ("muss"), aber Zulassen von Verstößen gegen Empfehlungen ("sollte").
• 2: Strikt. Ablehnen von jeglichen Verstößen gegen spezifizierte Anforderungen oder Empfehlungen.

Unterstützung für JPEG XL

Firefox unterstützt das JPEG XL Bildformat, ein moderner Nachfolger von JPEG, das 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++-basierte JPEG XL Bilddecoder 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 ist 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() kartieren den gegebenen Punkt, das Rechteck oder das Viereck vom Node, auf dem sie aufgerufen werden, auf einen 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 Viewport 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 webbasierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der bei Tests der Benutzeroberfläche auftrat, haben wir beschlossen, die Veröffentlichung dieser API zu verschieben, während Diskussionen über potenzielle Änderungen an der API geführt werden. Die Arbeit ist im Gange. (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 kommagetrennte 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 Site aus. Diese Funktion ist auf Android in allen Builds aktiviert, aber auf dem Desktop hinter einer Präferenz (sofern unten nicht anders angegeben).

dom.webshare.enabled

Auf true setzen, um zu aktivieren.

Benachrichtigungen API

Benachrichtigungen haben die requireInteraction Eigenschaft standardmäßig auf true 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 bei unsicher geladenen Seiten (das heißt, bei Nutzung von HTTP statt HTTPS) dem Adressfeld neben dem traditionellen Schloss-Symbol ein "Nicht sicher"-Textlabel hinzu. Die browser.urlbar.trimHttps Präferenz kürzt das https: Präfix von Adressfeld-URLs. Weitere Details siehe Firefox-Bug 1853418.

security.insecure_connection_text.enabled

Auf true setzen, um das Textlabel für den normalen 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 Adressfeld-URLs zu kürzen.

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

Das nicht-standardisierte <meta name="rating"> Element kann auf einer Webseite eingeschlossen werden, um die Inhalte 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 dieselbe Wirkung haben (in Zukunft können weitere Optionen 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 zu sehen. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt, der unter about:restricted zu finden ist, was dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzuzeigen, warum er dies nicht tun kann und ihm einen Zurück-Button bietet, um dorthin zurückzukehren, wo er hergekommen 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 erwachsen identifizieren, indem sie ein <meta name="rating"> Element beinhalten.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugang zu Webseiten zu beschränken, die sich selbst als erwachsen identifizieren, indem sie ein <meta name="rating"> Element beinhalten, nur wenn angemessene Kindersicherungseinstellungen auf dem zugrunde liegenden Betriebssystem gesetzt sind (zum Beispiel sind die macOS Inhalts- und Privatsphäre-Einstellungen darauf festgelegt, explizite Webinhalte zu beschränken).

Berechtigungspolitik / Funktionalitätspolitik

Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und das Verhalten zu ändern. Es ist ähnlich wie CSP, jedoch steuert es Funktionen anstelle von Sicherheitsverhalten. Dies ist in Firefox als Feature Policy implementiert, dem Namen, der in einer früheren Version der Spezifikation verwendet wurde.

Beachten Sie, dass unterstützte Richtlinien 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.

Privacy Preserving Attribution API (PPA)

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

dom.origin-trials.private-attribution.state

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 Stilressourcen unterstützt. Diese erlauben es Websites, entweder Subresource-Integritätsgarantien für Stile durchzusetzen oder nur Verstöße gegen die Politik zu melden. Beachten Sie, dass Firefox Meldeendpunkte 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 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-Anforderungs-Header kann von der Website-Client-Code verwendet werden, um eine POST oder PATCH Anforderungen idempotent](/de/docs/Glossary/idempotent) zu machen, wenn er mit einem Server verwendet wird, der es unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und anzeigen sollte, welche Endpunkte diesen Header benötigen, das Format des Schlüssels und die zu erwartenden Fehlermeldungen.

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST-Anforderung hinzu, wenn er nicht bereits durch den Client-Seitencode der Seite hinzugefügt wurde. Dies vereinfacht den Client-Seitencode, 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 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 für seitenübergreifende Unteranfragen zum Laden von Bildern oder Frames in eine Website eines Drittanbieters und so weiter. Weitere Details siehe Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Auf true setzen, um zu aktivieren.

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

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

Standardmäßig enthält Firefox den Authorization-Header in der endgültigen Anforderung, nachdem er eine Antwort mit Access-Control-Allow-Headers: * erhalten hat. Legen Sie die Präferenz auf false fest, um sicherzustellen, dass Firefox den Authorization-Header nicht einbezieht. Weitere Details siehe Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Auf true setzen, um zu aktivieren.

Entwickler-Tools

Die Entwickler-Tools 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-Versionen durchlassen. Die unten aufgeführten Funktionen sind die aktuellen experimentellen Funktionen der Entwickler-Tools.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

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