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 Text eingibt, um mit anderen Browserimplementierungen übereinzustimmen. Weitere Details finden Sie in Firefox-Bug 558594.

layout.forms.input-type-search.enabled

Auf true setzen, um die Funktion zu aktivieren.

Passwortanzeige umschalten

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

layout.forms.reveal-password-button.enabled

Auf true setzen, um die Funktion zu aktivieren.

Zeitauswahl in datetime-local- und time-Eingabeelementen

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

dom.forms.datetime.timepicker

Auf true setzen, um die Funktion zu aktivieren.

Attribute alpha und colorspace in color-Eingabeelementen

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

dom.forms.html_color_picker.enabled

Auf true setzen, um die Funktion zu aktivieren.

Attribute headingoffset und headingreset

Das globale Attribut headingoffset erhöht die berechnete Überschriftenebene der Überschriftselemente innerhalb des Elements, auf dem es gesetzt ist, sodass eine Komponente überall auf einer Seite dasselbe Überschriften-Markup verwenden kann. Das Attribut headingreset verhindert, dass die Versätze von Vorgängerelementen auf die Überschriften innerhalb des Elements angewendet werden, auf dem es gesetzt ist. (Firefox-Bug 1974383).

dom.headingoffset.enabled

Auf true setzen, um die Funktion zu aktivieren.

CSS

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

Die Schlüsselwörter farthest-corner und closest-corner können nun verwendet werden, um die Radiuswerte der grundlegenden CSS-Formen ellipse() und circle() anzugeben. Weitere Details finden Sie in Firefox-Bug 2037673.

layout.css.ellipse-corners.enabled

Auf true setzen, um die Funktion zu aktivieren.

Hex-Felder zur Anzeige unerwarteter Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tabulator (U+0009), Zeilenvorschub (U+000A), Seitenvorschub (U+000C) und Wagenrücklauf (U+000D) als Hex-Feld, wenn sie nicht erwartet werden. Weitere Details finden Sie in Firefox-Bug 1099557.

layout.css.control-characters.visible

Auf true setzen, um die Funktion zu aktivieren.

Eigenschaft initial-letter

Die CSS-Eigenschaft initial-letter ist Teil der Spezifikation CSS Inline Layout und ermöglicht die Angabe, wie abgesenkte, erhöhte und versenkte Initialbuchstaben angezeigt werden. Weitere Details finden Sie in Firefox-Bug 1223880.

layout.css.initial-letter.enabled

Auf true setzen, um die Funktion zu aktivieren.

Funktion fit-content()

Die Funktion fit-content(), wie sie auf width und andere Eigenschaften zur Größenbestimmung angewendet wird. Diese Funktion wird bereits gut für die Spurgrößenbestimmung in CSS Grid Layout unterstützt. Weitere Details finden Sie in Firefox-Bug 1312588.

layout.css.fit-content-function.enabled

Auf true setzen, um die Funktion zu aktivieren.

Scrollgesteuerte Animationen

Früher als „scroll-linked animations“ bezeichnet, hängt eine scrollgesteuerte Animation von der Scrollposition einer Bildlaufleiste statt von Zeit oder einer anderen Dimension ab. Die Eigenschaften scroll-timeline-name und scroll-timeline-axis (sowie die Kurzform-Eigenschaft scroll-timeline) ermöglichen es Ihnen anzugeben, dass eine bestimmte Bildlaufleiste in einem bestimmten benannten Container als Quelle für eine scrollgesteuerte Animation verwendet werden kann. Die Scroll-Zeitleiste kann dann mit einer Animation verknüpft werden, indem Sie die Eigenschaft animation-timeline auf den mit scroll-timeline-name definierten Namenswert setzen.

Bei Verwendung der Kurzform-Eigenschaft scroll-timeline muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Sowohl die Langform- als auch die Kurzform-Eigenschaften sind über die Einstellung verfügbar. Alternativ können Sie die funktionale Notation scroll() mit animation-timeline verwenden, um anzugeben, dass eine Bildlaufleistenachse in einem Vorgängerelement für die Zeitleiste 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 Eigenschaften animation-range-start und animation-range-end (sowie die Kurzform-Eigenschaft animation-range) werden noch nicht unterstützt. Weitere Informationen finden Sie in Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um die Funktion zu aktivieren.

Medienfunktion prefers-reduced-transparency

Die CSS-Medienfunktion prefers-reduced-transparency ermöglicht es Ihnen zu erkennen, ob eine Person die Einstellung aktiviert hat, die Menge transparenter oder durchscheinender Ebeneneffekte auf ihrem Gerät zu minimieren. Weitere Details finden Sie in Firefox-Bug 1736914.

layout.css.prefers-reduced-transparency.enabled

Auf true setzen, um die Funktion zu aktivieren.

Medienfunktion inverted-colors

Die CSS-Medienfunktion inverted-colors ermöglicht es Ihnen zu erkennen, ob ein User-Agent oder das zugrunde liegende Betriebssystem Farben invertiert. Weitere Details finden Sie in Firefox-Bug 1794628.

layout.css.inverted-colors.enabled

Auf true setzen, um die Funktion zu aktivieren.

Eigenschaft für benannte Ansichtsfortschritts-Zeitleisten

Die CSS-Eigenschaft view-timeline-name ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, der angibt, dass sein Vorgänger-Scroller die Quelle einer Ansichtsfortschritts-Zeitleiste ist. Der Name kann dann animation-timeline zugewiesen werden, wodurch das zugehörige Element animiert wird, während es sich durch den sichtbaren Bereich seines Vorgänger-Scrollers bewegt. Weitere Details finden Sie in Firefox-Bug 1737920.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um die Funktion zu aktivieren.

Funktion für anonyme Ansichtsfortschritts-Zeitleisten

Die CSS-Funktion view() ermöglicht es Ihnen anzugeben, dass die animation-timeline für ein Element eine Ansichtsfortschritts-Zeitleiste ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines Vorgänger-Scrollers bewegt. Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitleiste bereitstellt, sowie den Einzug innerhalb des sichtbaren Bereichs, bei dem die Animation startet und beginnt. Weitere Details finden Sie in Firefox-Bug 1808410.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um die Funktion zu aktivieren.

Mit Herstellerpräfix versehene transform-Eigenschaften

Die mit -moz- präfixierten CSS-transform-Eigenschaften können deaktiviert werden, indem die Einstellung layout.css.prefixes.transforms auf false gesetzt wird. Sie sollen deaktiviert werden, sobald die standardmäßigen CSS-zoom-Eigenschaften gut unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

Insbesondere deaktiviert diese Einstellung die folgenden präfixierten Eigenschaften:

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

layout.css.prefixes.transforms

Auf true setzen, um die Funktion zu aktivieren.

Symmetrisches letter-spacing

Die CSS-Eigenschaft letter-spacing verteilt den angegebenen Buchstabenabstand nun gleichmäßig auf beide Seiten jedes Zeichens. Dies unterscheidet sich vom bisherigen Verhalten, bei dem der Abstand hauptsächlich auf einer Seite hinzugefügt wird. Dieser Ansatz kann die Textabstände verbessern, insbesondere bei Text mit gemischter Schreibrichtung. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Auf true setzen, um die Funktion zu aktivieren.

Pseudo-Elemente nach elementgestützten Pseudo-Elementen zulassen

Die Arbeit daran, Pseudo-Elemente wie ::first-letter und ::before an elementgestützte Pseudo-Elemente wie ::details-content und ::file-selector-button anzuhängen, hat begonnen.

Dadurch können Benutzer beispielsweise den ersten Buchstaben des Elements <details> mit dem CSS-Selektor ::details-content::first-letter gestalten oder Inhalt vor einem <input> vom type="file" mit dem 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 elementbasiertes Pseudo-Element markiert, daher gibt es keine Möglichkeit, dies zu testen. (Firefox-Bug 1953557, Firefox-Bug 1941406).

Pseudo-Klassen :heading und :heading()

Die Pseudo-Klasse :heading ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) gleichzeitig zu gestalten, anstatt sie einzeln anzusprechen. Die funktionale Pseudo-Klasse :heading() ermöglicht es Ihnen, Überschriftselemente zu gestalten, die mit einer durch Kommas getrennten Liste von Ganzzahlen übereinstimmen, welche den Überschriftenebenen entsprechen. (Firefox-Bug 1974386 und Firefox-Bug 1984310).

layout.css.heading-selector.enabled

Auf true setzen, um die Funktion zu aktivieren.

At-Regel @custom-media

Die CSS-At-Regel @custom-media definiert Aliase für lange oder komplexe Medienabfragen. Statt dieselbe fest codierte <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 die Funktion zu aktivieren.

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

Der Wert base-select für die CSS-Eigenschaft appearance, der nur für das Element <select> und das Pseudo-Element ::picker(select) relevant ist, ermöglicht Ihnen, diese vollständig zu gestalten. Derzeit wird nur die Gestaltung des <select>-Elements unterstützt. Die Gestaltung des Pseudo-Elements ::picker(select) wird in zukünftigen Versionen hinzugefügt. Diese Funktion ist Teil der Arbeiten an anpassbaren Select-Elementen. Für ihre Verwendung müssen zwei Einstellungen aktiviert werden. (Firefox-Bug 1974787).

dom.select.customizable_select.enabled

Auf true setzen, um die Funktion zu aktivieren.

layout.css.appearance-base.enabled

Auf true setzen, um die Funktion zu aktivieren.

Absolut positionierte Elemente in mehrspaltigen Containern und beim Drucken

Absolut positionierte Elemente innerhalb von mehrspaltigen Containern sowie beim Drucken werden 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 die Funktion zu aktivieren.

Abfragen mit Bereichssyntax für @container style()

Die style()-Abfragen der CSS-At-Regel @container unterstützen nun die Bereichssyntax. Dadurch können Sie prüfen, ob ein Container eine gültige benutzerdefinierte CSS-Eigenschaft besitzt, ihren Wert mit Vergleichsoperatoren wie >, <, >= und <= vergleichen und entsprechend Stile auf seine Kindelemente anwenden. (Firefox-Bug 2024601).

layout.css.attr.enabled

Auf true setzen, um die Funktion zu aktivieren.

Werte <timeline-range-name>

Die CSS-Eigenschaften animation-range-start, animation-range-end und die Kurzform-Eigenschaft animation-range unterstützen nun Werte vom Typ <timeline-range-name>. Mit diesen Werten vom Typ <timeline-range-name> können Sie präzise angeben, innerhalb welches Segments eine scrollgesteuerte Animation stattfindet. (Firefox-Bug 1804775).

layout.css.scroll-driven-animations.enabled

Auf true setzen, um die Funktion zu aktivieren.

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

Die At-Regel @keyframes unterstützt nun Werte vom Typ <timeline-range-name>. Mit diesen Werten können Sie das Segment angeben, innerhalb dessen eine scrollgesteuerte Animation stattfindet. (Firefox-Bug 1824875).

layout.css.scroll-driven-animations.enabled

Auf true setzen, um die Funktion zu aktivieren.

Aktualisieren von Attributen externer Ressourcen

Die CSS-Eigenschaft link-parameters und die CSS-Funktion param() werden nun unterstützt. Dadurch kann der Benutzer Attribute externer Ressourcen, etwa SVGs, aktualisieren, deren Attribute mit der CSS-Funktion env() gesetzt werden. Damit kann eine einzige externe Ressource verwendet werden, anstatt mehrere Varianten zu erstellen, die sich nur durch Farben oder andere Werte unterscheiden. (Firefox-Bug 2046153).

layout.css.link-parameters.enabled

Auf true setzen, um die Funktion zu aktivieren.

Kürzen von Inhalten mit line-clamp

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

layout.css.line-clamp.enabled

Auf true setzen, um die Funktion zu aktivieren.

Prozentwerte für text-decoration-inset

Die CSS-Eigenschaft text-decoration-inset unterstützt nun Prozentwerte. Der Prozentwert gibt die Größe des Einzugs als Prozentsatz der Inline-Größe der dekorierenden Box oder jedes einzelnen Boxfragments an, abhängig vom Wert von box-decoration-break. (Firefox-Bug 2044602).

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

Auf true setzen, um die Funktion zu aktivieren.

view-timeline enthält view-timeline-inset

Die Kurzform-Eigenschaft view-timeline unterstützt nun die Eigenschaft view-timeline-inset. Die Kurzform ermöglicht es Ihnen, Start- und/oder Endwerte für den Einzug (oder den Auszug) anzugeben, um die Position der Ansichtsfortschritts-Zeitleiste anzupassen. (Firefox-Bug 2046602).

layout.css.scroll-driven-animations.enabled

Auf true setzen, um die Funktion zu aktivieren.

Namen von timeline-scope sind jetzt standardmäßig global

Das Standardverhalten für die Bereichsbildung benannter Zeitleisten wurde auf global aktualisiert. Dies kann mithilfe der CSS-Eigenschaft timeline-scope und dem Wert von entweder scroll-timeline-name oder view-timeline-name auf Elemente und ihren Unterbaum beschränkt werden (Firefox-Bug 2024012).

layout.css.scroll-driven-animations.enabled

Auf true setzen, um die Funktion zu aktivieren.

Unterstützungsabfragen für named-feature()

Die Funktion named-feature() in der At-Regel @supports ermöglicht es Ihnen zu prüfen, ob der Browser eine Funktion unterstützt, die keine andere erkennbare Syntax hat, beispielsweise @supports named-feature(anchor-position-follows-transforms). (Firefox-Bug 2042977 und Firefox-Bug 2055354).

layout.css.anchor-positioning.follows-transforms.enabled

Auf true setzen, um die Funktion zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

href bei MathML-Elementen ohne <a> deaktivieren

Wenn diese Funktion aktiviert ist, erstellt das globale Attribut href keinen Hyperlink mehr auf MathML-Elementen außer <a>. Damit wird Firefox an die MathML-Core-Spezifikation angeglichen, die Hyperlinks nur auf dem <a>-Element definiert. (Firefox-Bug 2026848).

mathml.href_link_on_non_anchor_element.disabled

Auf true setzen, um die Funktion zu aktivieren.

Die Schnittstelle MathMLAnchorElement implementieren

Wenn diese Funktion aktiviert ist, wird das MathML-Element <a> im DOM korrekt durch die Schnittstelle MathMLAnchorElement statt durch die generische Schnittstelle MathMLElement repräsentiert. (Firefox-Bug 2059312).

mathml.a.element.enabled

Auf true setzen, um die Funktion zu aktivieren.

MathML-Elemente <a>

Das MathML-Element <a> erstellt einen Hyperlink aus MathML-Inhalten und stellt die Schnittstelle MathMLAnchorElement mit denselben URL-Komponenteneigenschaften wie HTML-Elemente <a> bereit.

Dieses Release fügt Unterstützung für die IDL-Attribute rel und relList hinzu. (Firefox-Bug 2063819).

mathml.a.element.enabled

Auf true setzen, um die Funktion zu aktivieren.

JavaScript

TC39-Vorschlag für Intl.Locale-Informationen

Der TC39-Vorschlag für Intl.Locale-Informationen wird nun unterstützt. Dazu gehören alle Instanzmethoden von 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 die Funktion in Nightly zu aktivieren.

Mehrere Import Maps

Unterstützung für mehrere Import Maps. Diese geben Entwicklern beim Strukturieren und Laden von JavaScript-Modulen mehr Flexibilität, da sie nicht mehr alle ihre Modուլzuordnungen im Voraus kennen und in einer einzigen Import Map deklarieren müssen, bevor Module geladen werden. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Auf true setzen, um die Funktion zu aktivieren.

Assertions für Puffergrenzen in regulären Ausdrücken

Die Assertions für Puffergrenzen \A, \z und \Z werden nun unterstützt. \A und \z ermöglichen es Ihnen, den Anfang bzw. das Ende der gesamten Eingabe abzugleichen, während \Z mit dem Ende der Eingabe übereinstimmt und dabei einen Zeilenabschluss ignoriert. Die Assertions werden nicht durch das Flag m beeinflusst (anders als ^ und $) und können nur im Unicode-bewussten Modus verwendet werden (wenn das Flag u oder v gesetzt ist). (Firefox-Bug 2047706).

javascript.options.experimental.regexp_buffer_boundaries

Auf true setzen, um die Funktion in Nightly zu aktivieren.

APIs

Absturzberichte

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

dom.reporting.crash.enabled

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

Bereichsbezogene Custom-Element-Registrierungen

Die Unterstützung für bereichsbezogene Custom-Element-Registrierungen wird implementiert. Bereichsbezogene Registrierungen ermöglichen es einem Shadow Tree, eine unabhängige CustomElementRegistry zu erstellen, deren Definitionen nur für diesen bestimmten DOM-Unterbaum gelten. Dies kann verwendet werden, um Konflikte zu vermeiden, bei denen mehrere Webkomponenten Elemente mit demselben Namen deklarieren.

Die Implementierung umfasst:

• Die Eigenschaft customElementRegistry auf Document, Element und ShadowRoot. Der Konstruktor CustomElementRegistry() erstellt ein neues CustomElementRegistry-Objekt für die bereichsbezogene Verwendung. (Firefox-Bug 2018900)

Ab Version 156:

• Bereichsbezogene Custom-Element-Registrierungen werden nun unterstützt, sodass eine Shadow Root Custom Elements definieren kann, die nicht mit denjenigen in der globalen Registrierung kollidieren. (Firefox-Bug 2064333).

dom.scoped-custom-element-registries.enabled

Auf true setzen, um die Funktion zu aktivieren.

CSS Typed Object Model Level 1

Die CSS Typed Object Model API ist in Nightly implementiert. Sie vereinfacht die Manipulation von CSS-Eigenschaften, indem CSS-Werte als typisierte JavaScript-Objekte statt als Zeichenketten verfügbar gemacht werden. (Firefox-Bug 1278697).

layout.css.typed-om.enabled

Auf true setzen, um die Funktion zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

Wenn diese Einstellung aktiviert ist, werden alle aktuell getesteten WebGL-Erweiterungen im Status „draft“ zur Verwendung aktiviert. Derzeit testet Firefox keine WebGL-Erweiterungen.

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für Berechnungen und Grafik-Rendering mit der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist sie unter Windows in allen Kontexten außer Service Workern aktiviert. Ab Version 147 ist sie unter 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 sie in Nightly aktiviert. Informationen über unsere Fortschritte bei dieser API finden Sie in Firefox-Bug 1602129.

dom.webgpu.enabled

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

dom.webgpu.service-workers.enabled

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

WebRTC und Medien

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

Audio Session API

Die Audio Session API bietet einen Mechanismus für Webanwendungen, um zu steuern, wie ihr Audio mit anderen auf einem Gerät wiedergegebenen Audiodaten interagiert. (Firefox-Bug 2055710).

dom.audio_session.enabled

Auf true setzen, um die Funktion zu aktivieren.

HTMLMediaElement-Eigenschaften: audioTracks und videoTracks

Das Aktivieren dieser Funktion fügt allen HTML-Medienelementen die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks hinzu. Da Firefox derzeit jedoch keine mehreren Audio- und Videospuren unterstützt, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht; daher sind beide standardmäßig deaktiviert. Weitere Details finden Sie in Firefox-Bug 1057233.

media.track.enabled

Auf true setzen, um die Funktion zu aktivieren.

Asynchrones Hinzufügen und Entfernen von SourceBuffer

Dies fügt die Promise-basierten Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Medienquellenpuffern zur Schnittstelle SourceBuffer hinzu. Weitere Informationen finden Sie in Firefox-Bug 1280613 und Firefox-Bug 778617.

media.mediasource.experimental.enabled

Auf true setzen, um die Funktion zu aktivieren.

AVIF-Konformitätsstrenge

Die Einstellung image.avif.compliance_strictness kann verwendet werden, um die Strenge bei der Verarbeitung von AVIF-Bildern zu steuern. Dadurch können Firefox-Benutzer Bilder anzeigen, die in einigen anderen Browsern gerendert werden, auch wenn sie nicht strikt konform sind.

image.avif.compliance_strictness

Numerischer Wert, der eine Strenge-Stufe angibt. Zulässige Werte sind:

• 0: Freizügig. Akzeptiert Bilder mit Spezifikationsverletzungen sowohl bei Empfehlungen („should“-Formulierung) als auch bei Anforderungen („shall“-Formulierung), sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Gemischt. Lehnt Verletzungen von Anforderungen („shall“) ab, erlaubt jedoch Verletzungen von Empfehlungen („should“).
• 2: Strikt. Lehnt alle Verletzungen angegebener Anforderungen oder Empfehlungen ab.

JPEG-XL-Unterstützung

Firefox unterstützt das Bildformat JPEG XL, einen modernen Nachfolger von JPEG, der eine verbesserte Komprimierung und Bildqualität sowie neue Funktionen wie Transparenz-, Animations- und HDR-Unterstützung bietet. Weitere Details finden Sie in Firefox-Bug 1539075 und Firefox-Bug 2016688.

In Firefox 149 wurde der vorherige C++-Bilddecoder für JPEG XL durch eine neue Rust-basierte Implementierung ersetzt, die die Bibliothek jxl-rs verwendet (Firefox-Bug 1986393).

image.jxl.enabled

Auf true setzen, um die Funktion zu aktivieren.

WebVR API (deaktiviert)

Die veraltete WebVR API soll entfernt werden. Sie ist standardmäßig in allen Builds deaktiviert (Firefox-Bug 1750902).

dom.vr.enabled

Auf true setzen, um die Funktion zu aktivieren.

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

Die GeometryUtils-Methoden convertPointFromNode(), convertRectFromNode() und convertQuadFromNode() ordnen den angegebenen Punkt, das Rechteck oder das Viereck vom Node, auf dem sie aufgerufen werden, einem anderen Node zu. Weitere Details finden Sie in Firefox-Bug 918189.

layout.css.convertFromNode.enabled

Auf true setzen, um die Funktion zu aktivieren.

GeometryUtils-Methode: getBoxQuads()

Die GeometryUtils-Methode getBoxQuads() gibt die CSS-Boxen für einen Node relativ zu einem beliebigen anderen Node oder Viewport zurück. Weitere Details finden Sie in Firefox-Bug 917755.

layout.css.getBoxQuads.enabled

Auf true setzen, um die Funktion zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API unterstützt die Abwicklung webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während des Testens der Benutzeroberfläche auftrat, haben wir beschlossen, die Veröffentlichung dieser API zu verschieben, während mögliche Änderungen an der API diskutiert werden. Die Arbeit wird fortgesetzt. Weitere Details finden Sie in Firefox-Bug 1318984.

dom.payments.request.enabled

Auf true setzen, um die Funktion 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. Diese Funktion ist unter Android in allen Builds aktiviert, auf Desktop jedoch über eine Einstellung verfügbar (sofern unten nicht anders angegeben).

dom.webshare.enabled

Auf true setzen, um die Funktion zu aktivieren.

Notifications API

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

dom.webnotifications.requireinteraction.enabled

Auf true setzen, um die Funktion zu aktivieren.

Container Timing API

Die Container Timing API meldet, wann die Inhalte eines Container-Elements gerendert werden, sodass Sie die Renderzeit eines Seitenbereichs statt des gesamten Viewports messen können. (Firefox-Bug 1940240).

dom.enable_container_timing

Auf true setzen, um die Funktion zu aktivieren.

Sicherheit und Datenschutz

Kennzeichnung unsicherer Seiten

Die beiden Einstellungen security.insecure_connection_text_* fügen in der Adressleiste neben dem herkömmlichen Schlosssymbol die Textkennzeichnung „Nicht sicher“ hinzu, wenn eine Seite unsicher geladen wird (also mit HTTP statt HTTPS). Die Einstellung browser.urlbar.trimHttps entfernt das Präfix https: aus URLs in der Adressleiste. Weitere Details finden Sie in Firefox-Bug 1853418.

security.insecure_connection_text.enabled

Auf true setzen, um die Textkennzeichnung für den normalen Browsing-Modus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Auf true setzen, um die Textkennzeichnung für den privaten Browsing-Modus zu aktivieren.

browser.urlbar.trimHttps

Auf true setzen, um das Präfix https: aus URLs in der Adressleiste zu entfernen.

Beschränkung von Erwachseneninhalten mit <meta name="rating">

Das nicht standardisierte Element <meta name="rating"> kann auf einer Webseite enthalten sein, um den Inhalt der Seite als eingeschränkt bzw. für Erwachsene zu kennzeichnen. Zum Zeitpunkt der Erstellung gibt es zwei mögliche content-Werte: adult (von Google definiert) und RTA-5042-1996-1400-1577-RTA (von ASACP definiert), die dieselbe Wirkung haben (in Zukunft könnten weitere Optionen 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 Maßnahmen ergreifen, um Benutzer am Anzeigen des Inhalts zu hindern. Die Firefox-Implementierung ersetzt die Seite durch den Inhalt unter about:restricted. Dieser erklärt dem Benutzer, dass er versucht, eingeschränkte Inhalte anzuzeigen, warum er sie nicht anzeigen kann, und bietet eine Zurück-Schaltfläche, um zum vorherigen Ort zurückzukehren.

Weitere Details finden Sie in Firefox-Bug 1991135.

security.restrict_to_adults.always

Auf true setzen, um den Zugriff auf Webseiten zu beschränken, die sich durch Einschließen eines <meta name="rating">-Elements selbst als für Erwachsene kennzeichnen.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugriff auf Webseiten, die sich durch Einschließen eines <meta name="rating">-Elements selbst als für Erwachsene kennzeichnen, nur zu beschränken, wenn im zugrunde liegenden Betriebssystem geeignete Jugendschutzeinstellungen festgelegt sind (beispielsweise wenn die macOS-Einstellungen Content & Privacy so gesetzt sind, dass explizite Webinhalte eingeschränkt werden).

Permissions Policy / Feature Policy

Permissions Policy ermöglicht Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und ihr Verhalten zu ändern. Sie ähnelt CSP, steuert jedoch Funktionen statt 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 über das Attribut allow auf <iframe>-Elementen gesetzt werden können, auch wenn die Benutzereinstellung nicht festgelegt ist.

dom.security.featurePolicy.header.enabled

Auf true setzen, um die Funktion zu aktivieren.

Privacy Preserving Attribution API (PPA)

Die PPA API bietet eine Alternative zum Nutzer-Tracking für die Anzeigenattribution. Sie verwendet das neue Objekt navigator.privateAttribution mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA in der ursprünglichen Erläuterung und der vorgeschlagenen Spezifikation. Dieses Experiment kann für Websites über einen Origin Trial oder im Browser durch Setzen der Einstellung auf 1 aktiviert werden. (Firefox-Bug 1900929).

dom.origin-trials.private-attribution.state

Auf true setzen, um die Funktion zu aktivieren.

HTTP

Integritätsrichtlinie für Stylesheet-Ressourcen

Die HTTP-Header Integrity-Policy und Integrity-Policy-Report-Only werden nun für Stilressourcen unterstützt. Sie ermöglichen Websites, entweder Subresource-Integrity-Garantien für Styles durchzusetzen oder nur Verletzungen der Richtlinie zu melden. Beachten Sie, dass Firefox Meldeendpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Styles, auf die in einem <link>-Element mit rel="stylesheet" verwiesen wird, wenn ihnen entweder das Attribut integrity fehlt oder ihr Integritäts-Hash nicht mit der Ressource auf dem Server übereinstimmt. (Firefox-Bug 1976656).

security.integrity_policy.stylesheet.enabled

Auf true setzen, um die Funktion zu aktivieren.

Idempotency-Key

Der HTTP-Anfrage-Header Idempotency-Key kann vom Client-Code einer Website verwendet werden, um Anfragen mit POST oder PATCH bei Verwendung mit einem unterstützenden Server idempotent zu machen. Die Spezifikation gibt an, dass der Server dokumentieren und bekanntgeben sollte, welche Endpunkte diesen Header erfordern, welches Format der Schlüssel hat und welche Fehlerantworten erwartet werden.

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST-Anfrage hinzu, sofern er nicht bereits vom clientseitigen Code der Seite hinzugefügt wurde. Dies vereinfacht den clientseitigen Code, der für die Arbeit mit Servern erforderlich ist, welche die Funktion unterstützen.

(Firefox-Bug 1830022).

network.http.idempotencyKey.enabled

Auf true setzen, um die Funktion zu aktivieren.

Accept-Header mit dem MIME-Typ image/jxl

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

image.jxl.enabled

Auf true setzen, um die Funktion zu aktivieren.

SameSite=Lax als Standard

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

network.cookie.sameSite.laxByDefault

Auf true setzen, um die Funktion zu aktivieren.

Der Platzhalter Access-Control-Allow-Headers umfasst Authorization nicht

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

Standardmäßig schließt Firefox den Header Authorization 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 Header Authorization nicht einschließt. Weitere Details finden Sie in Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Auf true setzen, um die Funktion zu aktivieren.

Entwicklertools

Mozillas Entwicklertools entwickeln sich ständig weiter. Wir experimentieren mit neuen Ideen, fügen neue Funktionen hinzu und testen sie in den Kanälen Nightly und Developer Edition, bevor sie Beta und Release durchlaufen. Die unten aufgeführten Funktionen sind die derzeitigen experimentellen Funktionen der Entwicklertools.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

• Versionshinweise für Firefox-Entwickler
• Firefox Nightly
• Firefox Developer Edition