Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dadurch erhält ein Suchfeld ein Löschsymbol, sobald jemand zu tippen beginnt, um anderen Browserimplementierungen zu entsprechen. (Siehe Firefox-Bug 558594 für mehr Details.)

layout.forms.input-type-search.enabled

Auf true setzen, um zu aktivieren.

Passwortanzeige umschalten

HTML-Passworteingabeelemente (<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.

Zeit-Auswahl bei datetime-local- und time-Eingabeelementen

Die HTML-Eingabeelemente <input type="datetime-local"> und <input type="time"> unterstützen einen Zeit-Auswahldialog. (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.

headingoffset- und headingreset-Attribute

Das globale Attribut headingoffset erhöht die berechnete Überschriftenstufe der Überschriftenelemente innerhalb des Elements, auf dem es gesetzt ist, sodass ein Komponente dasselbe Überschriften-Markup verwenden kann, wo immer es auf einer Seite erscheint. Das Attribut headingreset verhindert, dass die Offsets von Vorfahrelementen auf die Überschriften innerhalb des Elements, auf dem es gesetzt ist, angewendet werden. (Firefox-Bug 1974383).

dom.headingoffset.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 jetzt zur Spezifikation der Radiuswerte der CSS-Grundformen ellipse() und circle() verwendet werden. (Siehe Firefox-Bug 2037673 für weitere Details.)

layout.css.ellipse-corners.enabled

Auf true setzen, um zu aktivieren.

Hex-Boxen zum Anzeigen verstreuter Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer 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 ermöglicht es Ihnen, zu spezifizieren, wie initiale Buchstaben angezeigt werden, die hervorgehoben, erhöht oder versenkt sind. (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 wird auf width und andere Größenangaben angewendet. 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

Auf true setzen, um zu aktivieren.

Scrollgesteuerte Animationen

Früher als "Scroll-verlinkte Animationen" bezeichnet, hängt eine scrollgesteuerte Animation von der Scrollposition eines Scrollbalkens ab, anstatt von der Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzform-Eigenschaft) ermöglichen es Ihnen, anzugeben, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scrollgesteuerte Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation durch Setzen der animation-timeline Eigenschaft auf den in scroll-timeline-name definierten Namenwert verknüpft werden.

Beim Verwenden der scroll-timeline Kurzform-Eigenschaft 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() Funktionsnotation mit animation-timeline verwenden, um anzugeben, 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 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 Ihnen, zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, um die Menge an transparenten oder durchscheinenden Schichteffekten auf ihrem Gerät zu minimieren. Siehe (Firefox-Bug 1736914) für weitere Details.

layout.css.prefers-reduced-transparency.enabled

Auf true setzen, um zu aktivieren.

inverted-colors Medienfunktion

Die CSS inverted-colors Medienfunktion ermöglicht es Ihnen, zu 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 Ansicht-Prozentsatz-Zeitleisten-Eigenschaft

Die CSS view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, anhand dessen festgestellt wird, dass dessen Vorfahren-Scroll-Element die Quelle einer Ansichts-Prozentsatz-Zeitleiste ist. Der Name kann dann der animation-timeline zugewiesen werden, die dann das zugehörige Element animiert, während es durch den sichtbaren Bereich seines Vorfahren-Scrollers bewegt wird. Siehe (Firefox-Bug 1737920) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Anonyme Ansicht-Prozentsatz-Zeitleisten-Funktion

Die CSS view() Funktion ermöglicht es Ihnen, anzugeben, dass die animation-timeline für ein Element eine Blickprozent-Zeitleiste 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, die die Zeitleiste liefert, zusammen mit dem Versatz innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und endet. Siehe (Firefox-Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Anbieterpräfixe Transform-Eigenschaften

Die -moz--präfixierten 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äfixierten 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 den angegebenen Buchstabenabstand nun gleichmäßig auf beiden 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 Zeichenabstände verbessern, insbesondere bei gemischt-direktionalen Texten. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Auf true setzen, um zu aktivieren.

Pseudo-Elemente nach Element-basierten Pseudo-Elementen zulassen

Die Arbeit hat begonnen, das Anhängen von Pseudo-Elementen, wie ::first-letter und ::before, an Element-basierte Pseudo-Elemente, wie ::details-content und ::file-selector-button, zu ermöglichen.

Dadurch können Benutzer beispielsweise den ersten Buchstaben des <details>-Elements durch den CSS-Selektor ::details-content::first-letter gestalten oder Inhalt vor einem <input> von type="file" durch den CSS-Selektor ::file-selector-button::before hinzufügen.

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, sodass es keinen Weg gibt, dies zu testen. (Firefox-Bug 1953557, Firefox-Bug 1941406).

:heading und :heading() Pseudo-Klassen

Die :heading Pseudo-Klasse ermöglicht es Ihnen, alle Überschriftenelemente (<h1>-<h6>) auf einmal zu gestalten, anstatt sie einzeln ansprechen zu müssen. Die :heading() funktionale Pseudo-Klasse ermöglicht es Ihnen, Überschriftenelemente zu gestalten, die eine durch Kommas getrennte Liste von Ganzzahlen entsprechen, die die Überschriftenebenen entsprechen. (Firefox-Bug 1974386 & Firefox-Bug 1984310).

layout.css.heading-selector.enabled

Auf true setzen, um zu aktivieren.

@custom-media At-Regel

Die @custom-media CSS-At-Regel definiert Aliase für lange oder komplexe Medienabfragen. Anstatt dieselben hartcodierten <media-query-list> in mehreren @media-Regeln zu wiederholen, kann es einmal in einer @custom-media-Regel definiert und im gesamten Stylesheet nach Bedarf 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 jetzt <attr-type> Werte. Dies ermöglicht es Ihnen, zu spezifizieren, wie ein Attributwert in einen CSS-Wert umgewandelt wird, und diese Werte direkt von data-* zu ü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 für die appearance CSS-Eigenschaft, die nur für das <select>-Element und das ::picker(select) Pseudo-Element 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) 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 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.

Namensraum-Attribute in attr() CSS-Funktion

Die attr() CSS-Funktion akzeptiert jetzt namensraumbezogene Attribute. Dies ermöglicht es Ihnen, Attribute von Elementen XML-basierter Sprachen wie SVG zu übernehmen und entsprechend zu 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 in Multispalten-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 Inhaltsverluste. (Firefox-Bug 2018797).

layout.abspos.fragmentainer-aware-positioning.enabled

Auf true setzen, um zu aktivieren.

@container style() Bereich-Syntax-Abfragen

Die @container CSS-At-Regel style() Abfragen unterstützt jetzt den Bereich-Syntax. Dies ermöglicht es Ihnen zu überprüfen, ob ein Container eine gültige CSS-Benutzerdefinierte Eigenschaft 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 die animation-range Kurzform-Eigenschaft unterstützen nun <timeline-range-name> Werte. Diese <timeline-range-name> Werte ermöglichen es Ihnen, genau anzugeben, innerhalb welchem Segment eine scrollgesteuerte Animation ablaufen soll. (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 lassen Sie das Segment angeben, innerhalb dessen eine scrollgesteuerte Animation abläuft. (Firefox-Bug 1824875).

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Aktualisierung von Attributen externer Ressourcen

Die CSS-Eigenschaft link-parameters und die CSS-Funktion param() werden nun unterstützt. Dies ermöglicht es dem Benutzer, Attribute externer Ressourcen zu aktualisieren, wie zum Beispiel SVGs, die ihre Attribute mit der env() CSS-Funktion gesetzt haben. Dies 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.

Inhalt mit line-clamp kürzen

Die line-clamp CSS-Eigenschaft funktioniert nun ohne das -webkit- Anbieterpräfix, obwohl sie in diesem Stadium die Werte no-ellipsis und <string> nicht unterstützt. (Firefox-Bug 2042986).

layout.css.line-clamp.enabled

Auf true setzen, um zu aktivieren.

Prozentwerte für text-decoration-inset

Die text-decoration-inset CSS-Eigenschaft unterstützt nun Prozentwerte. Der Prozentwert gibt die Größe des Versatzes als Prozentsatz der font-size an. (Firefox-Bug 2044602).

layout.css.text-decoration-inset-percentage.enabled

Auf true setzen, um zu aktivieren.

Berechnung eines Werts basierend auf progress()

Die progress() CSS-Funktion wird nun unterstützt. Dies ermöglicht es dem Benutzer, eine <number> basierend auf einem Wert (oder Fortschritt) zwischen einem Minimum und einem Maximum zu berechnen. (Firefox-Bug 2047015).

layout.css.progress-function.enabled

Auf true setzen, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

href bei nicht-<a> MathML-Elementen deaktivieren

Wenn aktiviert, erzeugt das globale Attribut href keinen Hyperlink mehr auf anderen MathML-Elementen als <a>, wodurch Firefox mit der MathML Core-Spezifikation übereinstimmt, 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 Intl.Locale info Vorschlag

Der TC39 Intl.Locale info Vorschlag wird nun unterstützt. Dies umfasst 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 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 Modulmappings im Voraus kennen und in einer einzelnen Importkarte alle Module deklarieren müssen. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Auf true setzen, um zu aktivieren.

Pufferbegrenzungs-Assertionen in regulären Ausdrücken

Die \A, \z, und \Z Pufferbegrenzungs-Assertionen werden nun unterstützt. \A und \z ermöglichen es Ihnen, den Anfang oder das Ende der gesamten Eingabe zu matchen, während \Z das Ende der Eingabe matcht, wobei ein Zeilentrenner ignoriert wird. Die Assertionen sind von dem m Flag nicht betroffen (im Gegensatz zu ^ und $) und können nur im Unicode-bewussten Modus verwendet werden (mit u oder v Flag gesetzt). (Firefox-Bug 2047706).

javascript.options.experimental.regexp_buffer_boundaries

Auf true setzen, um in Nightly zu aktivieren.

APIs

Absturzberichtserstellung

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 (in Nightly standardmäßig aktiviert).

Geltungsbezogene benutzerdefinierte Elemente-Register

Die Unterstützung für geltungsbezogene benutzerdefinierte Elemente-Register wird implementiert. Geltungsbereiche erlauben es einem Schattenbaum, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen bestimmten DOM-Teilbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Webkomponenten Elemente mit demselben Namen deklarieren.

Die Implementierung beinhaltet:

• customElementRegistry-Eigenschaft auf Document, Element, und ShadowRoot. (Firefox-Bug 2018900).

dom.scoped-custom-element-registries.enabled

Auf true setzen, um zu aktivieren.

CSS typisiertes Objektmodell Level 1

Die CSS Typed Object Model API ist in Nightly implementiert. Dies vereinfacht die Manipulation von CSS-Eigenschaften, indem CSS-Werte als typisierte JavaScript-Objekte anstelle von Strings ausgesetzt werden. (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 "Entwurfs"-Status befinden und getestet werden, für die Nutzung freigegeben. Derzeit gibt es keine von Firefox getesteten WebGL-Erweiterungen.

WebGPU API

Die WebGPU API bietet eine niedrigstufige Unterstützung für die Durchführung von Berechnungen und Grafikrendering unter Verwendung der Graphics Processing Unit (GPU) des Benutzergerätes oder Computers. Ab Version 142 ist dies auf Windows in allen Kontexten außer Service-Workern aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon in allen Browsing-Kontexten außer Service-Workern aktiviert. Für andere Plattformen wie Linux und macOS auf Intel Silicon ist es in Nightly aktiviert. Siehe Firefox-Bug 1602129 für unseren Fortschritt auf dieser API.

dom.webgpu.enabled

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

dom.webgpu.service-workers.enabled

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

WebRTC und Medien

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

Audio Session API

Die Audio Session API bietet einen Mechanismus für Web-Anwendungen, um zu steuern, wie ihr Audio mit anderem auf einem Gerät abgespielten Audio interagiert. (Firefox-Bug 2055710).

dom.audio_session.enabled

Auf true setzen, um zu aktivieren.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Wenn diese Funktion aktiviert ist, werden die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks allen HTML-Medienelementen hinzugefügt. Da Firefox derzeit jedoch 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.

Asynchrone SourceBuffer Hinzufügung und Entfernung

Dies fügt die promise-basierten 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ätsstriktheit

Die Präferenz image.avif.compliance_strictness kann verwendet werden, um die Striktheit 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, selbst wenn sie nicht vollständig konform sind.

image.avif.compliance_strictness

Numerischer Wert, der ein Striktheitsniveau angibt. Erlaubte Werte sind:

• 0: Nachsichtig. Akzeptiert Bilder mit Verstößen gegen die Spezifikation sowohl in Empfehlungen ("sollte"-Sprache) als auch Anforderungen ("muss"-Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standard): Gemischt. Ablehnen von Verstößen gegen Anforderungen ("muss"), aber Verletzungen von Empfehlungen ("sollte") zulassen.
• 2: Strikt. Lehnen Sie alle Verletzungen der spezifizierten Anforderungen oder Empfehlungen ab.

Unterstützung für JPEG XL

Firefox unterstützt das Bildformat JPEG XL, ein moderner Nachfolger von JPEG, der eine verbesserte Kompression und Bildqualität sowie neue Fähigkeiten 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++ Bilddecoder für JPEG XL durch eine neue rustbasierte 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 in allen Builds standardmäßig deaktiviert Firefox-Bug 1750902.

dom.vr.enabled

Auf true setzen, um zu aktivieren.

GeometryUtils Methoden: convertPointFromNode(), convertRectFromNode() und convertQuadFromNode()

Die Methoden GeometryUtils convertPointFromNode(), convertRectFromNode() und convertQuadFromNode() ordnen den angegebenen Punkt, das Rechteck oder das Viereck von dem Node, auf dem sie aufgerufen werden, einem anderen Knoten zu. (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 webbasierter Zahlungen innerhalb von Web-Inhalten oder -Apps. Aufgrund eines Bugs, der während der Tests der Benutzeroberfläche aufgetreten ist, haben wir beschlossen, den Versand dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeit 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 durch Kommas getrennte Positivliste 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 Desktop (sofern unten nicht anders angegeben).

dom.webshare.enabled

Auf true setzen, um zu aktivieren.

Benachrichtigungen 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

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 der Adressleiste neben dem traditionellen Schlosssymbol hinzu, wenn eine Seite unsicher geladen wird (das heißt, mit HTTP statt HTTPS). Die Präferenz browser.urlbar.trimHttps entfernt das https: Präfix aus den Adressleisten-URLs. 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 den Adressleisten-URLs zu entfernen.

Eingrenzung von Inhalten für Erwachsene mit <meta name="rating">

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

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 Schritte unternehmen, um Benutzer davon abzuhalten, den Inhalt anzuzeigen. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt, der unter about:restricted gefunden wird, welcher dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzusehen, warum er diese nicht sehen 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 einzuschränken, die sich selbst als Erwachsene identifizieren, indem ein <meta name="rating"> Element enthalten ist.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugriff auf Webseiten einzuschränken, die sich selbst als Erwachsene identifizieren, indem ein <meta name="rating"> Element enthalten ist, nur wenn geeignete Jugendschutzeinstellungen auf dem zugrunde liegenden Betriebssystem gesetzt sind (zum Beispiel sind die macOS Inhalts- & Datenschutz-Einstellungen gesetzt, um explizite Webinhalte einzuschränken).

Berechtigungsrichtlinie / Feature Policy

Permissions Policy ermöglicht es Webentwicklern, das Verhalten bestimmter Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und zu ändern. Es ist ähnlich wie CSP, steuert aber Funktionen anstelle des Sicherheitsverhaltens. 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 auch durch das allow Attribut in <iframe> Elementen gesetzt werden können, auch wenn die Benutzerpräferenz nicht gesetzt ist.

dom.security.featurePolicy.header.enabled

Auf true setzen, um zu aktivieren.

Datenschutzfreundliche Attribution API (PPA)

Die PPA API bietet eine Alternative zum Nutzer-Tracking für Anzeigeneigenschaften unter Verwendung des neuen navigator.privateAttribution Objekts mit saveImpression() und measureConversion() Methoden. Lesen Sie mehr über PPA im ursprünglichen Erklärer und den vorgeschlagenen Entwurf. Dieses Experiment kann für Websites über Herkunftstrial oder im Browser durch das 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ätsrichtlinie für Stylesheet-Ressourcen

Die HTTP-Header Integrity-Policy und Integrity-Policy-Report-Only werden jetzt für Stil-Ressourcen unterstützt. Diese erlauben es Websites, entweder Garantien zur Integrität von Subressourcen für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Meldungsendpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Stilen, die in einem <link>-Element mit rel="stylesheet" referenziert werden und entweder das integrity-Attribut nicht besitzen oder einen Integritätshash haben, der nicht mit der Ressource auf dem Server übereinstimmt. (Firefox Fehler 1976656).

security.integrity_policy.stylesheet.enabled

Auf true setzen, um zu aktivieren.

Idempotency-Key

Der HTTP-Anforderungsheader Idempotency-Key kann vom Website-Client-Code verwendet werden, um POST- oder PATCH-Anfragen idempotent zu machen, wenn er mit einem Server verwendet wird, der dies unterstützt. Die Spezifikation gibt an, dass der Server dokumentieren und angeben sollte, welche Endpunkte diesen Header erfordern, das Format des Schlüssels und die erwarteten Fehlermeldungen.

Firefox fügt den Header automatisch mit einem einzigartigen Schlüssel für jede neue POST-Anfrage hinzu, wenn er nicht bereits vom Seiten-Client-Code hinzugefügt wurde. Dies vereinfacht den erforderlichen Client-seitigen Code, um mit Servern zu arbeiten, die die Funktion unterstützen.

(Firefox Fehler 1830022).

network.http.idempotencyKey.enabled

Auf true setzen, um zu aktivieren.

Accept-Header mit MIME-Typ image/jxl

Der HTTP-Accept-Header in Standardanfragen und Bildanfragen kann über eine Einstellung konfiguriert werden, um Unterstützung für den MIME-Typ image/jxl anzuzeigen.

image.jxl.enabled

Auf true setzen, um zu aktivieren.

SameSite=Lax standardmäßig

SameSite-Cookies haben einen Standardwert von Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungswebsite navigiert, nicht jedoch bei plattformübergreifenden Unteranfragen zum Laden von Bildern oder Frames in eine Drittanbieter-Site usw. Weitere Details finden Sie in Firefox Fehler 1617609.

network.cookie.sameSite.laxByDefault

Auf true setzen, um zu aktivieren.

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

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

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

network.cors_preflight.authorization_covered_by_wildcard

Auf true setzen, um zu aktivieren.

Entwicklertools

Die Entwicklertools 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 in die Beta- und Release-Versionen gelangen. Die unten aufgeführten Funktionen sind die aktuellen experimentellen Funktionen für Entwicklertools.

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

Siehe auch

• Firefox Entwickler-Release-Notizen
• Firefox Nightly
• Firefox Developer Edition