Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Sobald jemand beginnt, Text in ein Suchfeld einzugeben, erscheint darin nun ein Symbol zum Löschen des Inhalts. Dies entspricht der Implementierung in anderen Browsern. (Weitere Informationen finden Sie unter Firefox-Bug 558594.)

layout.forms.input-type-search.enabled

Zum Aktivieren auf true setzen.

Passwortanzeige umschalten

HTML-Passworteingabeelemente (<input type="password">) enthalten ein Augensymbol, mit dem sich der Passworttext anzeigen oder verbergen lässt (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 color-Eingabeelementen

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. Dadurch kann eine Komponente überall auf einer Seite dieselbe Überschriftenauszeichnung verwenden. Das Attribut headingreset verhindert, dass sich die Offsets übergeordneter Elemente auf die Überschriften innerhalb des Elements auswirken, für das es festgelegt ist. (Firefox-Bug 1974383).

dom.headingoffset.enabled

Zum Aktivieren auf true setzen.

<script type="speculationrules">

Die Speculation Rules API bietet einen Mechanismus, um die Leistung künftiger Navigationen zu verbessern. Dazu wird anhand von Faktoren wie dem Verhalten von Nutzern gegenüber Links festgelegt, welche Ressourcen vorab geladen oder gerendert werden sollen.

Die anfängliche Unterstützung umfasste nur prefetch. Ressourcen wurden über eine urls-Liste und den Eagerness-Wert immediate angegeben. Dazu gehört auch die Unterstützung des Werts navigational-prefetch für die Eigenschaft PerformanceResourceTiming.deliveryType. (Firefox-Bug 2041381).

dom.speculation_rules.enabled

Zum Aktivieren auf true setzen.

Eagerness-Wert moderate

Firefox 158 unterstützt den Eagerness-Wert moderate: Ein passendes Prefetch beginnt, sobald der Mauszeiger kurz über einem Link verweilt (standardmäßig 200 Millisekunden). (Firefox-Bug 2061013).

dom.speculation_rules.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 verwendet werden, um die Radien der einfachen CSS-Formen ellipse() und circle() anzugeben. (Weitere Informationen finden Sie unter Firefox-Bug 2037673.)

layout.css.ellipse-corners.enabled

Zum Aktivieren auf true setzen.

Hexadezimale Kästchen für unerwartete Steuerzeichen

Diese Funktion stellt Steuerzeichen (Unicode-Kategorie Cc) als hexadezimales Kästchen dar, wenn sie an einer Stelle auftreten, an der sie nicht erwartet werden. Ausgenommen sind Tabulator (U+0009), Zeilenvorschub (U+000A), Seitenvorschub (U+000C) und Wagenrücklauf (U+000D). (Weitere Informationen finden Sie unter 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. Mit ihr können Sie festlegen, wie abgesenkte, erhöhte und versenkte Initialen dargestellt werden. (Weitere Informationen finden Sie unter Firefox-Bug 1223880.)

layout.css.initial-letter.enabled

Zum Aktivieren auf true setzen.

Funktion fit-content()

Die Funktion fit-content() kann auf width und andere Größen-Eigenschaften angewendet werden. Für die Größenbestimmung von Tracks im CSS Grid Layout wird diese Funktion bereits umfassend unterstützt. (Weitere Informationen finden Sie unter Firefox-Bug 1312588.)

layout.css.fit-content-function.enabled

Zum Aktivieren auf true setzen.

Scrollgesteuerte Animationen

Eine scrollgesteuerte Animation, früher „scroll-linked animation“ genannt, hängt von der Scrollposition einer Scrollleiste ab und nicht von der Zeit oder einer anderen Größe. Mit den Eigenschaften scroll-timeline-name und scroll-timeline-axis sowie der Kurzschreibweise scroll-timeline können Sie festlegen, dass eine bestimmte Scrollleiste in einem bestimmten benannten Container als Quelle für eine scrollgesteuerte Animation dient. Die Scroll-Timeline kann dann mit einer Animation verknüpft werden, indem Sie die Eigenschaft animation-timeline auf den mit scroll-timeline-name definierten Namen setzen.

Bei Verwendung der Kurzschreibweise scroll-timeline muss auf scroll-timeline-name die Eigenschaft scroll-timeline-axis folgen. Sowohl die einzelnen Eigenschaften als auch die Kurzschreibweise sind über die Einstellung verfügbar. Alternativ können Sie die funktionale Notation scroll() mit animation-timeline verwenden, um anzugeben, dass eine Scrollleistenachse eines übergeordneten Elements für die Timeline verwendet wird.

Weitere Informationen finden Sie unter 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 Kurzschreibweise animation-range werden noch nicht unterstützt. Weitere Informationen finden Sie unter Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Media-Feature prefers-reduced-transparency

Mit dem CSS-Media-Feature prefers-reduced-transparency können Sie erkennen, ob Nutzende auf ihrem Gerät eine Einstellung aktiviert haben, die transparente oder durchscheinende Ebeneneffekte reduziert. Weitere Informationen finden Sie unter Firefox-Bug 1736914.

layout.css.prefers-reduced-transparency.enabled

Zum Aktivieren auf true setzen.

Media-Feature inverted-colors

Mit dem CSS-Media-Feature inverted-colors können Sie erkennen, ob ein User Agent oder das zugrunde liegende Betriebssystem Farben invertiert. Weitere Informationen finden Sie unter Firefox-Bug 1794628.

layout.css.inverted-colors.enabled

Zum Aktivieren auf true setzen.

Eigenschaft für benannte View-Progress-Timelines

Mit der CSS-Eigenschaft view-timeline-name können Sie einem bestimmten Element einen Namen geben und damit festlegen, dass sein übergeordnetes Scroller-Element die Quelle einer View-Progress-Timeline ist. Der Name kann anschließend animation-timeline zugewiesen werden. Dadurch wird das zugehörige Element animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Weitere Informationen finden Sie unter Firefox-Bug 1737920.

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Funktion für anonyme View-Progress-Timelines

Mit der CSS-Funktion view() können Sie festlegen, dass animation-timeline für ein Element eine View-Progress-Timeline ist. Das Element wird dadurch animiert, während es sich durch den sichtbaren Bereich seines übergeordneten Scrollers bewegt. Die Funktion definiert die Achse des übergeordneten Elements, das die Timeline bereitstellt, sowie den Abstand innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und endet. Weitere Informationen finden Sie unter Firefox-Bug 1808410.

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Transform-Eigenschaften mit Herstellerpräfix

Die mit -moz- präfigierten CSS-Transform-Eigenschaften können deaktiviert werden, indem die Einstellung layout.css.prefixes.transforms auf false gesetzt wird. Sie sollen abgeschaltet werden, sobald die standardisierten CSS-Zoom-Eigenschaften ausreichend unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

Konkret deaktiviert diese Einstellung die folgenden präfigierten 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 verteilt den angegebenen Buchstabenabstand jetzt 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 unterschiedlichen Schreibrichtungen. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Zum Aktivieren auf true setzen.

Pseudoelemente nach elementbasierten Pseudoelementen zulassen

Die Arbeit daran hat begonnen, Pseudoelemente wie ::first-letter und ::before an elementbasierte Pseudoelemente wie ::details-content und ::file-selector-button anzuhängen.

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

Derzeit kann lediglich die Unterstützung für ::details-content::first-letter mithilfe von @supports(::details-content::first-letter) geprüft werden. Das Pseudoelement ::file-selector-button ist noch nicht als elementbasiertes Pseudoelement gekennzeichnet. Daher lässt sich die Unterstützung hierfür noch nicht prüfen. (Firefox-Bug 1953557, Firefox-Bug 1941406).

Pseudoklassen :heading und :heading()

Mit der Pseudoklasse :heading können Sie alle Überschriftenelemente (<h1>–<h6>) gleichzeitig gestalten, statt sie einzeln anzusprechen. Mit der funktionalen Pseudoklasse :heading() können Sie Überschriftenelemente gestalten, deren Überschriftenebenen einer kommagetrennten Liste von Ganzzahlen 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 Aliasse für lange oder komplexe Media Queries. Statt dieselbe fest codierte <media-query-list> in mehreren @media-At-Regeln zu wiederholen, können Sie sie einmal in einer @custom-media-At-Regel definieren und bei Bedarf im gesamten Stylesheet darauf verweisen. (Firefox-Bug 1744292).

layout.css.custom-media.enabled

Zum Aktivieren auf true setzen.

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

Mit dem Wert base-select für die CSS-Eigenschaft appearance können Sie das <select>-Element und das Pseudoelement ::picker(select) vollständig gestalten. Derzeit wird nur die Gestaltung des <select>-Elements unterstützt. Die Gestaltung des Pseudoelements ::picker(select) wird in künftigen Versionen ergänzt. Diese Funktion ist Teil der Arbeit an anpassbaren Select-Elementen. Um sie zu verwenden, 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 mehrspaltiger Container und beim Drucken werden jetzt korrekt positioniert und aufgeteilt. Dies verbessert die Interoperabilität mit anderen Browsern und verhindert Layoutprobleme wie überlappenden Text oder fehlende Inhalte. (Firefox-Bug 2018797).

layout.abspos.fragmentainer-aware-positioning.enabled

Zum Aktivieren auf true setzen.

Bereichsabfragen mit @container style()

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

layout.css.attr.enabled

Zum Aktivieren auf true setzen.

<timeline-range-name>-Werte

Die CSS-Eigenschaften animation-range-start und animation-range-end sowie die Kurzschreibweise animation-range unterstützen jetzt <timeline-range-name>-Werte. Mit diesen <timeline-range-name>-Werten können Sie genau festlegen, in welchem Abschnitt eine scrollgesteuerte Animation stattfindet. (Firefox-Bug 1804775).

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

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

Die At-Regel @keyframes unterstützt jetzt <timeline-range-name>-Werte. Mit diesen Werten können Sie festlegen, in welchem Abschnitt eine scrollgesteuerte Animation stattfindet. (Firefox-Bug 1824875).

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Attribute externer Ressourcen aktualisieren

Die CSS-Eigenschaft link-parameters und die CSS-Funktion param() werden jetzt unterstützt. Damit können Attribute externer Ressourcen wie SVGs aktualisiert werden, wenn deren Attribute mit der CSS-Funktion env() festgelegt sind. So kann eine einzige externe Ressource verwendet werden, statt mehrere Varianten zu erstellen, die sich nur durch Farben oder andere Werte 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-. Die Werte no-ellipsis und <string> werden derzeit allerdings noch nicht unterstützt. (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 Einzugs als Prozentsatz der Inline-Größe der dekorierten Box oder jedes einzelnen Boxfragments 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 umfasst view-timeline-inset

Die Kurzschreibweise view-timeline unterstützt jetzt die Eigenschaft view-timeline-inset. Damit können Sie Abstände am Anfang und/oder Ende festlegen, um die Position der View-Progress-Timeline anzupassen. (Firefox-Bug 2046602).

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

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

Benannte Timelines haben jetzt standardmäßig einen globalen Gültigkeitsbereich. Mit der CSS-Eigenschaft timeline-scope und dem Wert von scroll-timeline-name oder view-timeline-name kann dieser Gültigkeitsbereich auf ein Element und dessen Unterstruktur beschränkt werden (Firefox-Bug 2024012).

layout.css.scroll-driven-animations.enabled

Zum Aktivieren auf true setzen.

Unterstützungsabfragen mit named-feature()

Mit der Funktion named-feature() in der At-Regel @supports können Sie prüfen, ob der Browser eine Funktion unterstützt, für die es keine andere erkennbare Syntax gibt, beispielsweise mit @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.

CSS-Funktion random()

Die CSS-Funktion random() erzeugt einen Zufallswert innerhalb eines angegebenen Bereichs. Optional können die möglichen Werte auf Intervalle einer bestimmten Schrittweite beschränkt werden. Ein optionaler Parameter <random-key> steuert, welche random()-Funktionen denselben Zufallswert verwenden, beispielsweise über Elemente oder Eigenschaften hinweg. (Firefox-Bug 2071165).

layout.css.random.enabled

Zum Aktivieren auf true setzen.

corner-shape-Eigenschaften

Die Kurzschreibweise corner-shape und die zugehörigen einzelnen Eigenschaften werden jetzt in Nightly unterstützt. Mit ihnen können Sie die Form von Ecken mithilfe eines der Schlüsselwortwerte von <corner-shape-value> oder der Funktion superellipse() anpassen. (Firefox-Bug 2070927).

layout.css.corner-shape.enabled

Zum Aktivieren auf true setzen.

SVG

In diesem Veröffentlichungszyklus gibt es keine experimentellen Funktionen.

MathML

href für andere MathML-Elemente als <a> deaktivieren

Wenn diese Funktion aktiviert ist, erstellt das globale Attribut href für andere MathML-Elemente als <a> keinen Hyperlink mehr. Damit entspricht Firefox der MathML-Core-Spezifikation, 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.

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 dargestellt. (Firefox-Bug 2059312).

mathml.a.element.enabled

Zum Aktivieren auf true setzen.

MathML-Elemente <a>

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

Diese Version ergänzt die Unterstützung für die IDL-Attribute rel und relList. (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, deren Namen 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() und 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. Dies gibt Entwickelnden mehr Flexibilität beim Strukturieren und Laden von JavaScript-Modulen: Sie müssen nicht mehr alle Modulzuordnungen im Voraus kennen und in einer einzigen Import-Map deklarieren, bevor Module geladen werden. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Zum Aktivieren auf true setzen.

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

Die Zusicherungen für Puffergrenzen \A, \z und \Z werden jetzt unterstützt. Mit \A und \z können Sie den Anfang beziehungsweise das Ende der gesamten Eingabe abgleichen. \Z gleicht das Ende der Eingabe ab und ignoriert dabei ein Zeilenendezeichen. Die Zusicherungen werden – anders als ^ und $ – nicht vom Flag m beeinflusst und können nur im Unicode-fähigen Modus verwendet werden (mit gesetztem Flag u oder v). (Firefox-Bug 2047706).

javascript.options.experimental.regexp_buffer_boundaries

Zum Aktivieren in Nightly auf true setzen.

TC39-Vorschlag zu export * default

Der TC39-Vorschlag zu export * default ermöglicht es, mit export * from den Default-Export eines Moduls zusammen mit seinen benannten Exporten erneut zu exportieren. Ohne diese Änderung überspringt export * from den Default-Export eines Moduls. (Firefox-Bug 2065611).

Beachten Sie, dass sich dieser Vorschlag noch in einem sehr frühen Stadium befindet und geändert werden kann.

javascript.options.experimental.export_star_default

Zum Aktivieren auf true setzen.

TC39-Vorschlag zur verzögerten Auswertung von Modulen

Der TC39-Vorschlag zur verzögerten Auswertung von Modulen ergänzt die Deklaration import defer und die Syntax import.defer(). Ein auf diese Weise importiertes Modul wird zusammen mit seinen Abhängigkeiten im Voraus geladen. Sein Code wird jedoch erst ausgeführt, wenn erstmals auf einen seiner Exporte zugegriffen wird. So verlangsamen Module, die nicht sofort benötigt werden, den Start nicht. Module mit einem await auf oberster Ebene werden weiterhin sofort ausgeführt. (Firefox-Bug 1952263).

javascript.options.experimental.defer_import_eval

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 CrashReportContext im Berichtstext nicht unterstützt. (Firefox-Bug 2036160).

dom.reporting.crash.enabled

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

Gekapselte Registries für benutzerdefinierte Elemente

Die Unterstützung für gekapselte Registries für benutzerdefinierte Elemente wird implementiert. Mit gekapselten Registries kann ein Shadow-Tree eine unabhängige CustomElementRegistry erstellen, deren Definitionen nur für die jeweilige DOM-Unterstruktur gelten. So lassen sich Namenskonflikte vermeiden, wenn mehrere Web Components Elemente mit demselben Namen deklarieren.

Die Implementierung umfasst:

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

Ab Version 156:

• Gekapselte Registries für benutzerdefinierte Elemente werden jetzt unterstützt. Ein Shadow Root kann damit benutzerdefinierte Elemente definieren, ohne dass Konflikte mit Definitionen in der globalen Registry entstehen. (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 Bearbeitung von CSS-Eigenschaften, indem sie CSS-Werte als typisierte JavaScript-Objekte statt als Zeichenfolgen bereitstellt. (Firefox-Bug 1278697).

layout.css.typed-om.enabled

Zum Aktivieren auf true setzen.

Spracherkennung auf dem Gerät

Spracherkennung auf dem Gerät wird jetzt in Nightly unterstützt, allerdings nur auf Desktop-Geräten. Damit können Sie Spracherkennung über die Web Speech API direkt im Browser durchführen, statt auf einen Cloud-Dienst angewiesen zu sein. (Firefox-Bug 2069803).

media.webspeech.recognition.enable

Zum Aktivieren auf true setzen.

Streaming von Request-Bodys

Sie können jetzt einen ReadableStream als Request-Body festlegen, beispielsweise über den Konstruktor Request() oder die Methode Window.fetch(). So können Uploads schrittweise gestreamt werden, ohne warten zu müssen, bis der gesamte Body verfügbar ist. (Firefox-Bug 1594633).

dom.fetch.streaming_upload

Zum Aktivieren auf true setzen.

Grafik: Canvas, WebGL und WebGPU

WebGL: Erweiterungen im Entwurfsstadium

Wenn diese Einstellung aktiviert ist, können WebGL-Erweiterungen verwendet werden, die sich derzeit im Entwurfsstadium befinden und getestet werden. Aktuell testet Firefox keine WebGL-Erweiterungen.

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für Berechnungen und Grafik-Rendering mit dem Grafikprozessor (GPU) des Geräts oder Computers. 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. Auf anderen Plattformen wie Linux und macOS mit Intel-Prozessor ist sie in Nightly aktiviert. Den Fortschritt bei dieser API können Sie unter Firefox-Bug 1602129 verfolgen.

dom.webgpu.enabled

Zum Aktivieren auf true setzen (in Nightly und unter Windows in allen Release-Versionen aktiviert).

dom.webgpu.service-workers.enabled

Zum Aktivieren auf true setzen (in Nightly aktiviert).

WebRTC und Medien

Die folgenden experimentellen Funktionen umfassen Funktionen von 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, mit dem Webanwendungen steuern können, wie ihre Audioausgabe mit anderen Audioinhalten interagiert, die auf einem Gerät wiedergegeben werden. (Firefox-Bug 2055710).

dom.audio_session.enabled

Zum Aktivieren auf true setzen.

HTMLMediaElement-Eigenschaften: audioTracks und videoTracks

Wenn Sie diese Funktion aktivieren, werden die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks allen HTML-Medienelementen hinzugefügt. Da Firefox derzeit jedoch keine mehreren Audio- und Videospuren unterstützt, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht. Deshalb sind beide standardmäßig deaktiviert. Weitere Informationen finden Sie unter Firefox-Bug 1057233.

media.track.enabled

Zum Aktivieren auf true setzen.

Asynchrones Hinzufügen und Entfernen bei SourceBuffer

Damit werden der Schnittstelle SourceBuffer die Promise-basierten Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Medienquellpuffern hinzugefügt. Weitere Informationen finden Sie unter Firefox-Bug 1280613 und Firefox-Bug 778617.

media.mediasource.experimental.enabled

Zum Aktivieren auf true setzen.

Strenge der AVIF-Konformitätsprüfung

Mit der Einstellung image.avif.compliance_strictness können Sie steuern, wie streng AVIF-Bilder bei der Verarbeitung auf Konformität geprüft werden. So können Firefox-Nutzende Bilder anzeigen, die in manchen anderen Browsern dargestellt werden, auch wenn sie die Spezifikation nicht vollständig erfüllen.

image.avif.compliance_strictness

Numerischer Wert für den Strengegrad. Zulässige Werte sind:

• 0: Großzügig. Bilder mit Verstößen sowohl gegen Empfehlungen („should“) als auch gegen Anforderungen („shall“) der Spezifikation werden akzeptiert, sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standardwert): Gemischt. Verstöße gegen Anforderungen („shall“) werden zurückgewiesen, Verstöße gegen Empfehlungen („should“) sind zulässig.
• 2: Streng. Verstöße gegen festgelegte Anforderungen oder Empfehlungen werden zurückgewiesen.

WebVR API (deaktiviert)

Die veraltete WebVR API soll entfernt werden. Sie ist in allen Versionen standardmäßig 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() bilden den angegebenen Punkt, das Rechteck oder das Viereck von dem Node, für den sie aufgerufen werden, auf einen anderen Knoten ab. (Weitere Informationen finden Sie unter Firefox-Bug 918189.)

layout.css.convertFromNode.enabled

Zum Aktivieren auf true setzen.

GeometryUtils-Methode: getBoxQuads()

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

layout.css.getBoxQuads.enabled

Zum Aktivieren auf true setzen.

Payment Request API

Grundlegende Zahlungsabwicklung

Die Payment Request API unterstützt die Abwicklung webbasierter Zahlungen in Webinhalten oder Apps. Aufgrund eines Fehlers, der bei Tests der Benutzeroberfläche auftrat, haben wir beschlossen, die Veröffentlichung dieser API aufzuschieben, während mögliche Änderungen an der API diskutiert werden. Die Arbeit daran läuft weiter. (Weitere Informationen finden Sie unter Firefox-Bug 1318984.)

dom.payments.request.enabled

Zum Aktivieren auf true setzen.

dom.payments.request.supportedRegions

Ländercodes als kommagetrennte Positivliste von Regionen (z. B. US,CA).

Web Share API

Mit der Web Share API können Dateien, URLs und andere Daten von einer Website aus geteilt werden. Diese Funktion ist unter Android in allen Versionen aktiviert, auf Desktop-Geräten jedoch nur über eine Einstellung verfügbar (sofern unten nichts anderes angegeben ist).

dom.webshare.enabled

Zum Aktivieren auf true setzen.

Notifications API

Bei Benachrichtigungen ist die Eigenschaft requireInteraction auf Windows-Systemen und in Nightly standardmäßig auf true gesetzt (Firefox-Bug 1794475).

dom.webnotifications.requireinteraction.enabled

Zum Aktivieren auf true setzen.

Option navigate für Benachrichtigungen

Die Option navigate des Konstruktors Notification() und der Methode ServiceWorkerRegistration.showNotification() nimmt eine URL entgegen, die geöffnet wird, wenn Nutzende auf die Benachrichtigung klicken. Damit benötigen Sie keinen Click-Handler mehr, nur um eine Seite zu öffnen. Die neue schreibgeschützte Eigenschaft Notification.navigate gibt diese URL zurück. Wenn die Option gesetzt ist, werden die Ereignisse click und notificationclick für diese Benachrichtigung nicht mehr ausgelöst. Jeder Eintrag der Option actions kann eine eigene navigate-URL festlegen. Eine Aktionsschaltfläche ohne solche URL löst weiterhin notificationclick aus, statt die URL der Benachrichtigung zu verwenden. (Firefox-Bug 2066184).

dom.webnotifications.navigate.enabled

Zum Aktivieren auf true setzen.

HTML während des Parsens bereinigen

Methoden, die HTML mit der HTML Sanitizer API bereinigen, etwa Element.setHTML(), verwerfen unerwünschte Elemente und Attribute jetzt bereits beim Parsen der Auszeichnung. Zuvor wurde zunächst alles geparst und anschließend bereinigt. Das Ergebnis ist dasselbe, mit einer Ausnahme: Benachbarter Text landet jetzt in einem einzigen Textknoten, statt auf mehrere verteilt zu werden. (Firefox-Bug 2062652).

dom.security.sanitizer.while-parsing

Zum Aktivieren auf true setzen.

Container Timing API

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

dom.enable_container_timing

Zum Aktivieren auf true setzen.

Schlüsselkapselung in Web Crypto

Die Web Crypto API unterstützt ML-KEM, einen Algorithmus, mit dem zwei Parteien einen gemeinsamen geheimen Schlüssel vereinbaren können und der auch gegen Angriffe durch Quantencomputer sicher bleiben soll. Eine Partei übergibt den öffentlichen Schlüssel der anderen Partei an die SubtleCrypto-Methoden encapsulateKey() oder encapsulateBits(). Diese geben den gemeinsamen Schlüssel sowie einen Chiffretext zurück, der an die andere Partei gesendet wird. Die andere Partei übergibt diesen Chiffretext und ihren eigenen privaten Schlüssel an decapsulateKey() oder decapsulateBits(), um denselben gemeinsamen Schlüssel zu erhalten.

Die Algorithmusnamen ML-KEM-512, ML-KEM-768 und ML-KEM-1024 werden unterstützt. Hinzu kommen die passenden usages und die neuen Schlüsselformate raw-public und raw-seed für SubtleCrypto.importKey() und SubtleCrypto.exportKey(). (Firefox-Bug 1943614).

dom.webcrypto.encapsulation.enabled

Zum Aktivieren auf true setzen.

Web Custom Formats in der Async Clipboard API

Die Clipboard API unterstützt benutzerdefinierte Zwischenablageformate. Web-Apps können dadurch benutzerdefinierte MIME-Typen mit dem Präfix "web " mithilfe der Methoden Clipboard.write() beziehungsweise Clipboard.read() schreiben und lesen. Dies wird auf Desktop-Geräten ab Firefox 154 und unter Android ab Firefox 156 unterstützt (Firefox-Bug 1956304 und Firefox-Bug 2048545).

dom.clipboard.customFormatSupport.enabled

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 Schlosssymbol den Text „Nicht sicher“ hinzu, wenn eine Seite über eine unsichere Verbindung geladen wird, also über HTTP statt über HTTPS. Die Einstellung browser.urlbar.trimHttps entfernt das Präfix https: aus URLs in der Adressleiste. Weitere Informationen finden Sie unter Firefox-Bug 1853418.

security.insecure_connection_text.enabled

Auf true setzen, um die Textkennzeichnung im normalen Browsermodus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Auf true setzen, um die Textkennzeichnung im privaten Browsermodus zu aktivieren.

browser.urlbar.trimHttps

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

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

Das nicht standardisierte Element <meta name="rating"> kann in eine Webseite eingefügt werden, um ihren Inhalt als eingeschränkt beziehungsweise für Erwachsene zu kennzeichnen. Zum Zeitpunkt der Erstellung dieses Textes gibt es zwei mögliche content-Werte: adult (von Google definiert) und RTA-5042-1996-1400-1577-RTA (von ASACP definiert). Beide haben dieselbe Wirkung; künftig könnten weitere Optionen hinzukommen.

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 Maßnahmen ergreifen, um den Zugriff auf den Inhalt einzuschränken. Die Firefox-Implementierung ersetzt die Seite durch den Inhalt von about:restricted. Dort wird Nutzenden erklärt, dass sie versuchen, eingeschränkte Inhalte anzusehen, warum sie diese nicht aufrufen können, und eine Zurück-Schaltfläche angeboten.

Weitere Informationen finden Sie unter Firefox-Bug 1991135.

security.restrict_to_adults.always

Auf true setzen, um den Zugriff auf Webseiten einzuschränken, die sich durch ein <meta name="rating">-Element selbst als Inhalte für Erwachsene kennzeichnen.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugriff auf Webseiten, die sich durch ein <meta name="rating">-Element selbst als Inhalte für Erwachsene kennzeichnen, nur dann einzuschränken, wenn im zugrunde liegenden Betriebssystem entsprechende Jugendschutzeinstellungen festgelegt sind (beispielsweise wenn die macOS-Einstellungen unter Inhalt & Datenschutz explizite Webinhalte einschränken).

Permissions Policy / Feature Policy

Mit der Permissions Policy können Webentwickelnde bestimmte Browserfunktionen und APIs gezielt aktivieren, deaktivieren und deren Verhalten ändern. Sie ähnelt CSP, steuert jedoch Funktionen statt Sicherheitsverhalten. In Firefox ist sie unter dem Namen Feature Policy implementiert, der in einer früheren Version der Spezifikation verwendet wurde.

Beachten Sie, dass unterstützte Richtlinien auch dann über das Attribut allow von <iframe>-Elementen festgelegt werden können, wenn die Einstellung nicht aktiviert ist.

dom.security.featurePolicy.header.enabled

Zum Aktivieren auf true setzen.

Privacy Preserving Attribution API (PPA)

Die PPA API bietet eine Alternative zum Tracking von Nutzenden bei der Zuordnung von Werbung. Dazu dient das neue Objekt navigator.privateAttribution mit den Methoden saveImpression() und measureConversion(). Weitere Informationen zu PPA finden Sie in der ursprünglichen Erläuterung und im Spezifikationsentwurf. 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

Integritätsrichtlinie für Stylesheet-Ressourcen

Die HTTP-Header Integrity-Policy und Integrity-Policy-Report-Only werden jetzt für Stylesheet-Ressourcen unterstützt. Damit können Websites die Integrität von Subressourcen für Styles entweder erzwingen oder Verstöße gegen die Richtlinie lediglich melden. Beachten Sie, dass Firefox Reporting-Endpunkte ignoriert und Verstöße in der Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Styles, auf die ein <link>-Element mit rel="stylesheet" verweist, wenn entweder das Attribut integrity fehlt oder der Integritäts-Hash nicht mit der Ressource auf dem Server übereinstimmt. (Firefox-Bug 1976656).

security.integrity_policy.stylesheet.enabled

Zum Aktivieren auf true setzen.

Idempotency-Key

Mit dem HTTP-Request-Header Idempotency-Key kann clientseitiger Website-Code Requests mit POST oder PATCH idempotent machen, sofern der Server dies unterstützt. Laut Spezifikation soll der Server dokumentieren und bekannt geben, welche Endpunkte diesen Header erfordern, welches Format der Schlüssel hat und welche Fehlerantworten zu erwarten sind.

Firefox fügt den Header für jeden neuen POST-Request automatisch mit einem eindeutigen Schlüssel hinzu, sofern der clientseitige Code der Seite ihn nicht bereits hinzugefügt hat. Dies vereinfacht den clientseitigen Code für die Zusammenarbeit mit Servern, die diese Funktion unterstützen.

(Firefox-Bug 1830022).

network.http.idempotencyKey.enabled

Zum Aktivieren auf true setzen.

SameSite=Lax als Standardwert

SameSite-Cookies haben standardmäßig den Wert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn Nutzende zur Ursprungswebsite navigieren, nicht jedoch bei websiteübergreifenden Unteranfragen, etwa zum Laden von Bildern oder Frames in eine Drittanbieter-Website. Weitere Informationen finden Sie unter Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Zum Aktivieren auf true setzen.

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

Access-Control-Allow-Headers ist ein Response-Header für eine CORS-Preflight-Anfrage. Er gibt an, welche Request-Header im endgültigen Request enthalten sein dürfen. Die Response-Direktive kann einen Platzhalter (*) enthalten. Dieser bedeutet, dass der endgültige Request alle Header außer dem Header Authorization enthalten darf.

Standardmäßig nimmt Firefox den Header Authorization nach einer Antwort mit Access-Control-Allow-Headers: * in den endgültigen Request auf. Setzen Sie die Einstellung auf false, um sicherzustellen, dass Firefox den Header Authorization nicht aufnimmt. Weitere Informationen finden Sie unter Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Zum Aktivieren auf true setzen.

Entwicklertools

Die Entwicklertools von Mozilla werden ständig weiterentwickelt. Wir experimentieren mit neuen Ideen, fügen Funktionen hinzu und testen sie in Nightly und Developer Edition, bevor sie in Beta und Release übernommen werden. Im Folgenden sind die derzeitigen experimentellen Funktionen der Entwicklertools aufgeführt.

In diesem Veröffentlichungszyklus gibt es keine experimentellen Funktionen.

Siehe auch

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