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öschen-Symbol, sobald jemand darin zu tippen beginnt, um den Implementierungen anderer Browser zu entsprechen. Weitere Details finden Sie in Firefox-Bug 558594.

layout.forms.input-type-search.enabled

Zum Aktivieren auf true setzen.

Passwortanzeige umschalten

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

Zum Aktivieren auf true setzen.

Zeitauswahl in den Eingabeelementen datetime-local und time

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

dom.forms.datetime.timepicker

Zum Aktivieren auf true setzen.

Attribute alpha und colorspace in Eingabeelementen color

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

dom.forms.html_color_picker.enabled

Zum Aktivieren auf true setzen.

Attribute headingoffset und headingreset

Das globale Attribut headingoffset erhöht die berechnete Überschriftenebene der Überschriftenelemente innerhalb des Elements, für das es festgelegt ist, sodass eine Komponente dieselbe Überschriftenauszeichnung verwenden kann, unabhängig davon, wo sie auf einer Seite erscheint. Das Attribut headingreset verhindert, dass die Offsets übergeordneter Elemente auf die Überschriften innerhalb des Elements angewendet werden, für das es festgelegt ist. (Firefox-Bug 1974383).

dom.headingoffset.enabled

Zum Aktivieren auf true setzen.

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 jetzt zur Angabe der Radiuswerte der CSS-Grundformen ellipse() und circle() verwendet werden. Weitere Details finden Sie in Firefox-Bug 2037673.

layout.css.ellipse-corners.enabled

Zum Aktivieren auf true setzen.

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

Zum Aktivieren auf true setzen.

Eigenschaft initial-letter

Die CSS-Eigenschaft initial-letter ist Teil der Spezifikation CSS Inline Layout und ermöglicht Ihnen festzulegen, wie abgesenkte, angehobene und versenkte Initialbuchstaben dargestellt werden. Weitere Details finden Sie in Firefox-Bug 1223880.

layout.css.initial-letter.enabled

Zum Aktivieren auf true setzen.

Funktion fit-content()

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

layout.css.fit-content-function.enabled

Zum Aktivieren auf true setzen.

Scrollgesteuerte Animationen

Früher „scroll-gekoppelte Animationen“ genannt, hängt eine scrollgesteuerte Animation von der Scrollposition einer Bildlaufleiste statt von Zeit oder einer anderen Dimension ab. Mit den Eigenschaften scroll-timeline-name und scroll-timeline-axis (und der Kurzform-Eigenschaft scroll-timeline) können Sie festlegen, dass eine bestimmte Bildlaufleiste in einem bestimmten benannten Container als Quelle für eine scrollgesteuerte Animation verwendet werden kann. Die Scroll-Timeline kann anschließend mit einer Animation verknüpft werden, indem die Eigenschaft animation-timeline auf den mit scroll-timeline-name definierten Namenswert gesetzt wird.

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 Funktionsnotation scroll() mit animation-timeline verwenden, um anzugeben, dass eine Bildlaufleistenachse in einem Vorgängerelement für die Timeline 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 (und die Kurzform-Eigenschaft animation-range) werden noch nicht unterstützt. Weitere Informationen finden Sie in Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Medienfunktion prefers-reduced-transparency

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

layout.css.prefers-reduced-transparency.enabled

Zum Aktivieren auf true setzen.

Medienfunktion inverted-colors

Die CSS-Medienfunktion inverted-colors ermöglicht 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

Zum Aktivieren auf true setzen.

Eigenschaft für benannte View-Progress-Timelines

Die CSS-Eigenschaft view-timeline-name ermöglicht Ihnen, einem bestimmten Element einen Namen zu geben und damit zu kennzeichnen, dass sein übergeordnetes Scroller-Element die Quelle einer View-Progress-Timeline ist. Der Name kann dann animation-timeline zugewiesen werden, die das zugehörige Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Weitere Details finden Sie in Firefox-Bug 1737920.

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Funktion für anonyme View-Progress-Timelines

Die CSS-Funktion view() ermöglicht Ihnen festzulegen, dass die animation-timeline eines Elements eine View-Progress-Timeline ist, die das Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Die Funktion definiert die Achse des übergeordneten Elements, die die Timeline bereitstellt, sowie den Einschub innerhalb des sichtbaren Bereichs, an dem die Animation startet und beginnt. Weitere Details finden Sie in Firefox-Bug 1808410.

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Herstellerpräfixierte 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. Die Absicht besteht darin, sie zu deaktivieren, 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

Zum Aktivieren auf true setzen.

Symmetrisches letter-spacing

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

layout.css.letter-spacing.model

Zum Aktivieren auf true setzen.

Pseudo-Elemente nach elementgestützten Pseudo-Elementen zulassen

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

Dadurch können Benutzerinnen und Benutzer beispielsweise den ersten Buchstaben des Elements <details> mit dem CSS-Selektor ::details-content::first-letter gestalten oder mithilfe des CSS-Selektors ::file-selector-button::before Inhalt vor einem <input> mit type="file" 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 gekennzeichnet, 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 Ihnen, alle Überschriftenelemente (<h1>–<h6>) auf einmal zu gestalten, statt sie einzeln anzusprechen. Die funktionale Pseudo-Klasse :heading() ermöglicht Ihnen, Überschriftenelemente zu gestalten, die einer kommagetrennten Liste von Ganzzahlen entsprechen, welche den Überschriftenebenen entsprechen. (Firefox-Bug 1974386 und Firefox-Bug 1984310).

layout.css.heading-selector.enabled

Zum Aktivieren auf true setzen.

At-Regel @custom-media

Die CSS-At-Regel @custom-media definiert Aliase für lange oder komplexe Media Queries. 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

Zum Aktivieren auf true setzen.

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 es Ihnen, sie vollständig zu gestalten. Derzeit wird nur das Gestalten des <select>-Elements unterstützt. Das Gestalten des Pseudo-Elements ::picker(select) wird in zukünftigen Versionen hinzugefügt. Diese Funktion ist Teil der Arbeit an anpassbaren Select-Elementen. Zur Verwendung müssen zwei Einstellungen aktiviert werden. (Firefox-Bug 1974787).

dom.select.customizable_select.enabled

Zum Aktivieren auf true setzen.

layout.css.appearance-base.enabled

Zum Aktivieren auf true setzen.

Absolut positionierte Elemente in mehrspaltigen Containern und beim Drucken

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

layout.abspos.fragmentainer-aware-positioning.enabled

Zum Aktivieren auf true setzen.

Abfragen mit Bereichssyntax @container style()

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

layout.css.attr.enabled

Zum Aktivieren auf true setzen.

Werte <timeline-range-name>

Die CSS-Eigenschaften animation-range-start, animation-range-end und die Kurzform-Eigenschaft animation-range unterstützen jetzt Werte vom Typ <timeline-range-name>. Diese Werte vom Typ <timeline-range-name> ermöglichen Ihnen, präzise anzugeben, innerhalb welchen Segments eine scrollgesteuerte Animation stattfindet. (Firefox-Bug 1804775).

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

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

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

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Aktualisieren von Attributen externer Ressourcen

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

layout.css.link-parameters.enabled

Zum Aktivieren auf true setzen.

Inhalte mit line-clamp abschneiden

Die CSS-Eigenschaft line-clamp funktioniert jetzt 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

Zum Aktivieren auf true setzen.

Prozentwerte für text-decoration-inset

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

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

Zum Aktivieren auf true setzen.

view-timeline enthält view-timeline-inset

Die Kurzform-Eigenschaft view-timeline unterstützt jetzt die Eigenschaft view-timeline-inset. Die Kurzform ermöglicht Ihnen, Einschubwerte am Anfang und/oder Ende (oder Außenabstandswerte) anzugeben, um die Position der View-Progress-Timeline anzupassen. (Firefox-Bug 2046602).

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

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

Das Standardverhalten für den Geltungsbereich benannter Timelines wurde auf global aktualisiert. Es kann mithilfe der CSS-Eigenschaft timeline-scope und dem Wert von entweder scroll-timeline-name oder view-timeline-name auf Elemente und deren Teilbaum beschränkt werden (Firefox-Bug 2024012).

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Unterstützungsabfragen named-feature()

Mit der Funktion named-feature() in der At-Regel @supports können Sie 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

Zum Aktivieren auf true setzen.

Unterstützungsabfragen at-rule()

Mit der Funktion at-rule() in der At-Regel @supports können Sie prüfen, ob der Browser eine bestimmte CSS-At-Regel unterstützt, beispielsweise @supports at-rule(@scope). Sie funktioniert auch in der Funktion supports() von @import. (Firefox-Bug 2060754).

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

MathML

href auf MathML-Elementen, die kein <a> sind, deaktivieren

Wenn aktiviert, erzeugt das globale Attribut href auf MathML-Elementen außer <a> keinen Hyperlink mehr. Dadurch wird Firefox an die MathML-Core-Spezifikation angeglichen, die Hyperlinks nur für das Element <a> definiert. (Firefox-Bug 2026848).

mathml.href_link_on_non_anchor_element.disabled

Zum Aktivieren auf true setzen.

Interface MathMLAnchorElement implementieren

Wenn aktiviert, wird das MathML-Element <a> im DOM korrekt durch das Interface MathMLAnchorElement statt durch das generische Interface MathMLElement dargestellt. (Firefox-Bug 2059312).

mathml.a.element.enabled

Zum Aktivieren auf true setzen.

MathML-Elemente <a>

Das MathML-Element <a> erstellt aus MathML-Inhalten einen Hyperlink und stellt das Interface 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

Zum Aktivieren auf true setzen.

JavaScript

TC39-Vorschlag zu Intl.Locale-Informationen

Der TC39-Vorschlag zu Intl.Locale-Informationen wird jetzt 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

Zum Aktivieren in Nightly auf true setzen.

Mehrere Import Maps

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

dom.multiple_import_maps.enabled

Zum Aktivieren auf true setzen.

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

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

javascript.options.experimental.regexp_buffer_boundaries

Zum Aktivieren in Nightly auf true setzen.

APIs

Absturzberichte

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

dom.reporting.crash.enabled

Zum Aktivieren auf true setzen (in Nightly standardmäßig aktiviert).

Bereichsbezogene Custom-Element-Registries

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

Die Implementierung umfasst:

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

Ab Version 156:

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

dom.scoped-custom-element-registries.enabled

Zum Aktivieren auf true setzen.

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 Strings verfügbar gemacht werden. (Firefox-Bug 1278697).

layout.css.typed-om.enabled

Zum Aktivieren auf true setzen.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

Wenn diese Einstellung aktiviert ist, werden alle derzeit getesteten WebGL-Erweiterungen mit dem Status „Entwurf“ zur Verwendung aktiviert. Derzeit werden von Firefox keine WebGL-Erweiterungen getestet.

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für die Durchführung von Berechnungen und das Rendern von Grafiken mithilfe der Graphics Processing Unit (GPU) des Geräts oder Computers der Benutzerin oder des Benutzers. Ab Version 142 ist sie unter Windows in allen Kontexten außer Service Workers aktiviert. Ab Version 147 ist sie unter macOS auf Apple Silicon in allen Browsing-Kontexten außer Service Workers aktiviert. Für andere Plattformen wie Linux und macOS auf Intel Silicon ist sie in Nightly aktiviert. Informationen zu unserem Fortschritt bei dieser API finden Sie in Firefox-Bug 1602129.

dom.webgpu.enabled

Zum Aktivieren auf true setzen (in Nightly und unter Windows in allen Releases aktiviert)

dom.webgpu.service-workers.enabled

Zum Aktivieren auf true setzen (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 stellt einen Mechanismus bereit, mit dem Webanwendungen steuern können, wie ihr Audio mit anderem auf einem Gerät wiedergegebenen Audio interagiert. (Firefox-Bug 2055710).

dom.audio_session.enabled

Zum Aktivieren auf true setzen.

HTMLMediaElement-Eigenschaften: audioTracks und videoTracks

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

media.track.enabled

Zum Aktivieren auf true setzen.

Asynchrones Hinzufügen und Entfernen von SourceBuffer

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

media.mediasource.experimental.enabled

Zum Aktivieren auf true setzen.

AVIF-Konformitätsstrenge

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

image.avif.compliance_strictness

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

• 0: Nachsichtig. Akzeptiert Bilder mit Spezifikationsverstößen sowohl bei Empfehlungen („should“-Formulierungen) als auch bei Anforderungen („shall“-Formulierungen), sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Gemischt. Lehnt Verstöße gegen Anforderungen („shall“) ab, erlaubt jedoch Verstöße gegen Empfehlungen („should“).
• 2: Streng. Lehnt alle Verstöße gegen festgelegte Anforderungen oder Empfehlungen ab.

JPEG-XL-Unterstützung

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

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

image.jxl.enabled

Zum Aktivieren auf true setzen.

WebVR API (deaktiviert)

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

dom.vr.enabled

Zum Aktivieren auf true setzen.

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

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

layout.css.convertFromNode.enabled

Zum Aktivieren auf true setzen.

GeometryUtils-Methode: getBoxQuads()

Die GeometryUtils-Methode getBoxQuads() gibt die CSS-Felder 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

Zum Aktivieren auf true setzen.

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 der Tests der Benutzeroberfläche auftrat, haben wir beschlossen, die Veröffentlichung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeit wird fortgesetzt. Weitere Details finden Sie in Firefox-Bug 1318984.

dom.payments.request.enabled

Zum Aktivieren auf true setzen.

dom.payments.request.supportedRegions

Ländercodes als kommagetrennte Zulassungsliste 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 hinter einer Einstellung verborgen (sofern unten nicht anders angegeben).

dom.webshare.enabled

Zum Aktivieren auf true setzen.

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

Zum Aktivieren auf true setzen.

Container Timing API

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

dom.enable_container_timing

Zum Aktivieren auf true setzen.

Sicherheit und Datenschutz

Kennzeichnung unsicherer Seiten

Die beiden Einstellungen security.insecure_connection_text_* fügen in der Adressleiste neben dem herkömmlichen Schloss-Symbol eine 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

Zum Aktivieren der Textkennzeichnung für den normalen Browsing-Modus auf true setzen.

security.insecure_connection_text.pbmode.enabled

Zum Aktivieren der Textkennzeichnung für den privaten Browsing-Modus auf true setzen.

browser.urlbar.trimHttps

Zum Entfernen des Präfixes https: aus URLs in der Adressleiste auf true setzen.

Inhalte für Erwachsene mit <meta name="rating"> beschränken

Das nicht standardmäßige Element <meta name="rating"> kann in eine Webseite aufgenommen werden, um ihren Inhalt als eingeschränkt bzw. nur für Erwachsene zu kennzeichnen. Zum Zeitpunkt der Erstellung gibt es zwei mögliche Werte für content, adult (von Google definiert) und RTA-5042-1996-1400-1577-RTA (von ASACP definiert), die denselben Effekt haben (zukünftig 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 anschließend Maßnahmen ergreifen, um Benutzerinnen und Benutzer am Anzeigen des Inhalts zu hindern. Die Firefox-Implementierung ersetzt die Seite durch den unter about:restricted gefundenen Inhalt, der der Benutzerin oder dem Benutzer erklärt, dass sie versucht, eingeschränkte Inhalte anzuzeigen, warum dies nicht möglich ist, und eine Zurück-Schaltfläche bereitstellt, um zur vorherigen Seite zurückzukehren.

Weitere Details finden Sie in Firefox-Bug 1991135.

security.restrict_to_adults.always

Zum Beschränken des Zugriffs auf Webseiten, die sich durch ein Element <meta name="rating"> selbst als Inhalte für Erwachsene kennzeichnen, auf true setzen.

security.restrict_to_adults.respect_platform

Zum Beschränken des Zugriffs auf Webseiten, die sich durch ein Element <meta name="rating"> selbst als Inhalte für Erwachsene kennzeichnen, nur dann auf true setzen, wenn im zugrunde liegenden Betriebssystem geeignete Jugendschutzeinstellungen festgelegt sind (beispielsweise wenn die macOS-Einstellungen Content & Privacy zum Einschränken expliziter Webinhalte eingestellt sind).

Permissions Policy / Feature Policy

Permissions Policy ermöglicht Webentwicklern, das Verhalten bestimmter Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und zu ändern. Sie ähnelt CSP, steuert jedoch Funktionen statt Sicherheitsverhalten. Dies ist in Firefox als Feature Policy implementiert, der in einer früheren Version der Spezifikation verwendeten Bezeichnung.

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

dom.security.featurePolicy.header.enabled

Zum Aktivieren auf true setzen.

Privacy Preserving Attribution API (PPA)

Die PPA API bietet eine Alternative zum Nutzer-Tracking für die Anzeigenattribution mithilfe des neuen Objekts 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

Zum Aktivieren auf true setzen.

HTTP

Integrity Policy für Stylesheet-Ressourcen

Die HTTP-Header Integrity-Policy und Integrity-Policy-Report-Only werden jetzt für Style-Ressourcen unterstützt. Sie ermöglichen Websites, entweder Garantien für die Integrität von Subressourcen für Styles durchzusetzen oder ausschließlich Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Reporting-Endpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Bei Verwendung von Integrity-Policy blockiert der Browser das Laden von Styles, auf die in einem <link>-Element mit rel="stylesheet" verwiesen wird, wenn entweder das Attribut integrity fehlt oder ein Integritäts-Hash vorhanden ist, der nicht mit der Ressource auf dem Server übereinstimmt. (Firefox-Bug 1976656).

security.integrity_policy.stylesheet.enabled

Zum Aktivieren auf true setzen.

Idempotency-Key

Der HTTP-Anfrage-Header Idempotency-Key kann von Client-Code einer Website verwendet werden, um POST- oder PATCH-Anfragen bei Verwendung mit einem Server, der ihn unterstützt, idempotent zu machen. Die Spezifikation gibt an, dass der Server dokumentieren und bekanntgeben sollte, welche Endpunkte diesen Header benötigen, 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 durch den 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

Zum Aktivieren auf true setzen.

Accept-Header mit MIME-Typ image/jxl

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

image.jxl.enabled

Zum Aktivieren auf true setzen.

SameSite=Lax standardmäßig

SameSite-Cookies haben standardmäßig den Wert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn eine Benutzerin oder ein Benutzer zur Origin-Website navigiert, nicht jedoch für websiteübergreifende Unteranfragen zum Laden von Bildern oder Frames in eine Drittanbieter-Website und so weiter. Weitere Details finden Sie in Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Zum Aktivieren auf true setzen.

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

Access-Control-Allow-Headers ist ein Antwort-Header für eine CORS-Preflight-Anfrage, der angibt, welche Anfrage-Header in die endgültige Anfrage aufgenommen werden 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 es eine Antwort mit Access-Control-Allow-Headers: * erhalten hat. Setzen Sie die Einstellung auf false, damit Firefox den Header Authorization nicht einschließt. Weitere Details finden Sie in Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Zum Aktivieren auf true setzen.

Entwicklerwerkzeuge

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

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

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