Experimentelle Funktionen in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Sobald jemand Text in ein Suchfeld eingibt, erscheint nun ein Symbol zum Löschen des Inhalts. Damit entspricht das Verhalten dem anderer Browser. (Weitere Einzelheiten finden Sie unter Firefox-Bug 558594.)

layout.forms.input-type-search.enabled

Zum Aktivieren auf true setzen.

Passwortanzeige umschalten

HTML-Elemente zur Passworteingabe (<input type="password">) enthalten ein Augensymbol, mit dem sich der Passworttext ein- oder ausblenden lässt (Firefox-Bug 502258).

layout.forms.reveal-password-button.enabled

Zum Aktivieren auf true setzen.

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

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 gesetzt ist. So kann eine Komponente unabhängig von ihrer Position auf einer Seite dieselbe Auszeichnung für Überschriften verwenden. Das Attribut headingreset verhindert, dass sich die Offsets übergeordneter Elemente auf die Überschriften innerhalb des Elements auswirken, für das es gesetzt 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 der Benutzer gegenüber Links festgelegt, welche Ressourcen vorab geladen oder gerendert werden sollen.

Die anfängliche Unterstützung umfasste nur prefetch, wobei Ressourcen über eine urls-Liste und die Prioritätsstufe immediate angegeben wurden. 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.

Mittlere Prioritätsstufe

Firefox 158 unterstützt nun die Prioritätsstufe moderate: Ein passendes Prefetching 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.

Rendern blockieren

Das Attribut mit dem Wert blocking="render" wird jetzt für die HTML-Elemente <link>, <script> und <style> unterstützt. Damit lässt sich das Rendern blockieren, bis das Stylesheet des Elements geladen oder sein Skript ausgeführt wurde. Das gilt auch für Elemente, die das Rendern standardmäßig nicht blockieren, etwa mit JavaScript hinzugefügte Skripte und Stylesheets. (Firefox-Bug 1751383).

dom.element.blocking.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 CSS-Grundformen ellipse() und circle() festzulegen. (Weitere Einzelheiten finden Sie unter Firefox-Bug 2037673.)

layout.css.ellipse-corners.enabled

Zum Aktivieren auf true setzen.

Hexadezimal-Kästchen zur Anzeige unerwarteter Steuerzeichen

Mit dieser Funktion werden Steuerzeichen (Unicode-Kategorie Cc) als Hexadezimal-Kästchen dargestellt, 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 Einzelheiten 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 und ermöglicht es, die Darstellung von abgesenkten, angehobenen und versenkten Initialen festzulegen. (Weitere Einzelheiten 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ößeneigenschaften angewendet werden. Für die Größe von Spuren im CSS-Grid-Layout wird diese Funktion bereits umfassend unterstützt. (Weitere Einzelheiten finden Sie unter Firefox-Bug 1312588.)

layout.css.fit-content-function.enabled

Zum Aktivieren auf true setzen.

Medienmerkmal prefers-reduced-transparency

Mit dem CSS-Medienmerkmal prefers-reduced-transparency können Sie erkennen, ob ein Benutzer auf seinem Gerät die Einstellung zur Verringerung transparenter oder durchscheinender Ebeneneffekte aktiviert hat. Weitere Einzelheiten finden Sie unter Firefox-Bug 1736914.

layout.css.prefers-reduced-transparency.enabled

Zum Aktivieren auf true setzen.

Medienmerkmal inverted-colors

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

layout.css.inverted-colors.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 deaktiviert werden, sobald die standardisierten CSS-Zoom-Eigenschaften ausreichend unterstützt werden. (Firefox-Bug 1886134, Firefox-Bug 1855763).

Im Einzelnen 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 festgelegten Zeichenabstand nun gleichmäßig auf beide Seiten jedes Zeichens. Das unterscheidet sich vom bisherigen Verhalten, bei dem der Abstand überwiegend auf einer Seite hinzugefügt wird. Dieser Ansatz kann die Textabstände verbessern, insbesondere bei Text mit gemischten Schreibrichtungen. (Firefox-Bug 1891446).

layout.css.letter-spacing.model

Zum Aktivieren auf true setzen.

Pseudoelemente nach elementbasierten Pseudoelementen zulassen

Es wird daran gearbeitet, 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 des <details>-Elements gestalten oder mit dem CSS-Selektor ::file-selector-button::before Inhalt vor einem <input>-Element mit type="file" hinzufügen.

Derzeit kann nur die Unterstützung für ::details-content::first-letter mittels @supports(::details-content::first-letter) geprüft werden. Das Pseudoelement ::file-selector-button ist noch nicht als elementbasiertes Pseudoelement gekennzeichnet. Daher lässt sich diese Unterstützung 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 Ebenen 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 Aliase für lange oder komplexe Medienabfragen. 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. Der Wert ist nur für diese beiden relevant. Derzeit wird lediglich 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 Arbeiten an anpassbaren Select-Elementen. Für ihre 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 mehrspaltiger Container und beim Drucken werden nun korrekt positioniert und aufgeteilt. Das verbessert die Interoperabilität mit anderen Browsern und verhindert Layoutprobleme wie überlappenden Text oder den Verlust von Inhalten. (Firefox-Bug 2018797).

layout.abspos.fragmentainer-aware-positioning.enabled

Zum Aktivieren auf true setzen.

Bereichssyntax für @container style()-Abfragen

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

layout.css.attr.enabled

Zum Aktivieren auf true setzen.

Attribute externer Ressourcen aktualisieren

Die CSS-Eigenschaft link-parameters und die CSS-Funktion param() werden nun unterstützt. Damit können Sie Attribute externer Ressourcen wie SVGs aktualisieren, wenn deren Attribute mit der CSS-Funktion env() festgelegt sind. Statt mehrere Varianten einer Ressource zu erstellen, die sich nur in Farben oder anderen Werten unterscheiden, kann so eine einzige externe Ressource verwendet werden. (Firefox-Bug 2046153).

layout.css.link-parameters.enabled

Zum Aktivieren auf true setzen.

Inhalte mit line-clamp kürzen

Die CSS-Eigenschaft line-clamp funktioniert nun ohne das Herstellerpräfix -webkit-. Derzeit unterstützt sie allerdings die Werte no-ellipsis und <string> nicht. (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 nun Prozentwerte. Der Prozentwert gibt die Größe des Abstands 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.

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 festgelegten Bereichs. Optional können die möglichen Werte auf Intervalle einer bestimmten Schrittweite begrenzt werden. Ein optionaler Parameter <random-key> steuert, welche random()-Funktionen denselben Zufallswert verwenden, etwa über mehrere 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 Einzeleigenschaften werden nun in Nightly unterstützt. Mit diesen Eigenschaften können Sie Eckenformen anhand eines Schlüsselwortwerts von <corner-shape-value> oder mithilfe der Funktion superellipse() anpassen. (Firefox-Bug 2070927).

layout.css.corner-shape.enabled

Zum Aktivieren auf true setzen.

SVG

In diesem Release-Zyklus gibt es keine experimentellen Funktionen.

MathML

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

Wenn diese Funktion aktiviert ist, erzeugt das globale Attribut href auf anderen MathML-Elementen als <a> keinen Hyperlink mehr. Damit entspricht Firefox der MathML-Core-Spezifikation, die Hyperlinks nur für das <a>-Element definiert. (Firefox-Bug 2026848).

mathml.href_link_on_non_anchor_element.disabled

Zum Aktivieren auf true setzen.

Interface MathMLAnchorElement implementieren

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

mathml.a.element.enabled

Zum Aktivieren auf true setzen.

Neue Eigenschaften von MathMLAnchorElement

Das Interface MathMLAnchorElement unterstützt nun die Eigenschaften download, ping, rel, relList und referrerPolicy. (Firefox-Bug 2064612).

mathml.a.element.enabled

Zum Aktivieren auf true setzen.

JavaScript

TC39-Vorschlag zu Intl.Locale-Informationen

Der TC39-Vorschlag zu Intl.Locale-Informationen wird nun unterstützt. Dazu gehören alle mit „get“ beginnenden Instanzmethoden von Intl.Locale: 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

In Nightly zum Aktivieren auf true setzen.

Mehrere Import-Maps

Unterstützung für mehrere Import-Maps. Sie geben Entwicklern mehr Flexibilität bei der Strukturierung und beim Laden von JavaScript-Modulen: Es ist nicht mehr erforderlich, alle Modulzuordnungen im Voraus zu kennen und sie in einer einzigen Import-Map zu deklarieren, bevor Module geladen werden. (Firefox-Bug 1916277).

dom.multiple_import_maps.enabled

Zum Aktivieren auf true setzen.

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

Die Assertions \A, \z und \Z für Eingabegrenzen werden nun 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 abschließendes Zeilenendezeichen. Anders als ^ und $ werden diese Assertions nicht vom Flag m beeinflusst. Sie können nur im Unicode-bewussten Modus verwendet werden, also mit gesetztem Flag u oder v. (Firefox-Bug 2047706).

javascript.options.experimental.regexp_buffer_boundaries

In Nightly zum Aktivieren auf true setzen.

TC39-Vorschlag zu export * default

Der TC39-Vorschlag zu export * default ermöglicht es, mit export * from neben den benannten Exporten eines Moduls auch dessen Standardexport erneut zu exportieren. Ohne diese Änderung lässt export * from den Standardexport eines Moduls aus. (Firefox-Bug 2065611).

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

javascript.options.experimental.export_star_default

Zum Aktivieren auf true setzen.

TC39-Vorschlag zur verzögerten Modulauswertung

Der TC39-Vorschlag zur verzögerten Modulauswertung ergänzt die Deklaration import defer und die Syntax import.defer(). Ein so 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. Dadurch verzögern Module, die nicht sofort benötigt werden, den Start nicht. Module mit await auf oberster Ebene werden weiterhin sofort ausgeführt. (Firefox-Bug 1952263).

javascript.options.experimental.defer_import_eval

In Nightly zum Aktivieren auf true setzen.

APIs

Absturzberichte

Absturzberichte können nun ü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).

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.

Numerische CSS-Factory-Funktionen in Workern und Worklets verfügbar

Die numerischen Factory-Funktionen des Namensraums CSS, beispielsweise CSS.px(), sind nun auch in Workern und Paint-Worklets verfügbar und nicht mehr nur auf Window. Sie sind Teil der CSS Typed Object Model API. Außerhalb von Nightly muss daher zusätzlich die Einstellung layout.css.typed-om.enabled auf true gesetzt sein. (Firefox-Bug 2079188).

layout.css.namespace.exposed-in-workers-and-worklets

Zum Aktivieren auf true setzen.

layout.css.typed-om.enabled

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

Spracherkennung auf dem Gerät

Die Spracherkennung auf dem Gerät wird nun in Nightly unterstützt, allerdings nur auf Desktop-Systemen. Damit können Sie Spracherkennung über die Web Speech API direkt im Browser durchführen, ohne einen Cloud-Dienst zu benötigen. (Firefox-Bug 2069803).

media.webspeech.recognition.enable

Zum Aktivieren auf true setzen.

Streaming von Request-Bodys

Sie können nun einen ReadableStream als Request-Body festlegen, beispielsweise über den Konstruktor Request() oder die Methode Window.fetch(). So können Sie Uploads schrittweise streamen, statt 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 alle derzeit getesteten WebGL-Erweiterungen mit dem Status „Entwurf“ verwendet werden. Derzeit testet Firefox keine WebGL-Erweiterungen.

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für Berechnungen und das Rendern von Grafiken mithilfe der Grafikprozessoreinheit (GPU) des Geräts oder Computers eines 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. Auf anderen Plattformen wie Linux und macOS auf Intel Silicon 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

Zu den folgenden experimentellen Funktionen gehören 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 Webanwendungen einen Mechanismus, um zu steuern, wie ihre Audiowiedergabe mit anderen auf einem Gerät abgespielten Audiosignalen zusammenwirkt. (Firefox-Bug 2055710).

dom.audio_session.enabled

Zum Aktivieren auf true setzen.

HTMLMediaElement-Eigenschaften: audioTracks und videoTracks

Wenn Sie diese Funktion aktivieren, erhalten alle HTML-Medienelemente die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks. 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 Einzelheiten finden Sie unter Firefox-Bug 1057233.

media.track.enabled

Zum Aktivieren auf true setzen.

Asynchrones Hinzufügen und Entfernen von SourceBuffer-Daten

Dadurch erhält das Interface SourceBuffer die Promise-basierten Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Mediendaten in Source Buffern. 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. Dadurch können Firefox-Benutzer Bilder anzeigen, die in manchen anderen Browsern dargestellt werden, auch wenn sie die Spezifikation nicht vollständig einhalten.

image.avif.compliance_strictness

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

• 0: Großzügig. Bilder mit Verstößen gegen Empfehlungen („should“) und Anforderungen („shall“) werden akzeptiert, sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Gemischt. Verstöße gegen Anforderungen („shall“) werden abgelehnt, Verstöße gegen Empfehlungen („should“) jedoch zugelassen.
• 2: Streng. Jeder Verstoß gegen festgelegte Anforderungen oder Empfehlungen wird abgelehnt.

WebVR API (deaktiviert)

Die veraltete WebVR API soll entfernt werden. Sie ist in allen Builds 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 einen angegebenen Punkt, ein Rechteck beziehungsweise ein Viereck von dem Node, auf dem sie aufgerufen werden, auf einen anderen Knoten ab. (Weitere Einzelheiten 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 eines Node relativ zu einem anderen Knoten oder einem Viewport zurück. (Weitere Einzelheiten 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 innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der beim Testen der Benutzeroberfläche auftrat, haben wir beschlossen, die Veröffentlichung dieser API zu verschieben, während mögliche Änderungen an der API besprochen werden. Die Arbeiten dauern an. (Weitere Einzelheiten finden Sie unter 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).

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 Builds aktiviert, auf Desktop-Systemen jedoch nur über eine Einstellung verfügbar, sofern unten nichts anderes angegeben ist.

dom.webshare.enabled

Zum Aktivieren auf true setzen.

Notifications API

Auf Windows-Systemen und in der Nightly-Version ist die Eigenschaft requireInteraction für Benachrichtigungen 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 ein Benutzer auf die Benachrichtigung klickt. Damit benötigen Sie zum bloßen Öffnen einer Seite keinen Click-Handler mehr. Die neue schreibgeschützte Eigenschaft Notification.navigate gibt diese URL zurück. Wenn die Option gesetzt ist, werden für diese Benachrichtigung die Ereignisse click und notificationclick nicht mehr ausgelöst. Jeder Eintrag in der Option actions kann eine eigene navigate-URL festlegen. Ein Aktionsbutton ohne eine 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.

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. Dieser Algorithmus ermöglicht es zwei Parteien, sich auf einen gemeinsamen geheimen Schlüssel zu einigen, und ist darauf ausgelegt, auch Angriffen durch Quantencomputer standzuhalten. Eine Partei übergibt den öffentlichen Schlüssel der anderen Partei an die Methoden encapsulateKey() oder encapsulateBits() von SubtleCrypto. 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.

Unterstützt werden die Algorithmusnamen ML-KEM-512, ML-KEM-768 und ML-KEM-1024 sowie die entsprechenden 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.

Benutzerdefinierte Webformate in der Async Clipboard API

Die Clipboard API unterstützt benutzerdefinierte Zwischenablageformate. Web-Apps können mit den Methoden Clipboard.write() beziehungsweise Clipboard.read() benutzerdefinierte MIME-Typen mit dem Präfix "web " schreiben und lesen. Dies wird auf Desktop-Systemen 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 unsicher geladen wird, also über HTTP statt über HTTPS. Die Einstellung browser.urlbar.trimHttps entfernt das Präfix https: aus den in der Adressleiste angezeigten URLs. Weitere Einzelheiten 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 Modus zu aktivieren.

browser.urlbar.trimHttps

Auf true setzen, um das Präfix https: aus den in der Adressleiste angezeigten URLs 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 bestimmt zu kennzeichnen. Zum Zeitpunkt der Erstellung dieses Textes gibt es zwei mögliche Werte für content: adult (von Google definiert) und RTA-5042-1996-1400-1577-RTA (von ASACP definiert). Beide haben dieselbe Wirkung. Künftig können 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 Implementierung in Firefox ersetzt die Seite durch den Inhalt von about:restricted. Dieser erklärt dem Benutzer, dass er versucht, eingeschränkte Inhalte aufzurufen, weshalb er diese nicht ansehen kann, und bietet eine Schaltfläche, um zur vorherigen Seite zurückzukehren.

Weitere Einzelheiten 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 aktiviert sind (beispielsweise wenn die macOS-Einstellungen unter Inhalte & Datenschutz explizite Webinhalte einschränken).

Permissions Policy / Feature Policy

Mit Permissions Policy können Webentwickler bestimmte Funktionen und APIs im Browser gezielt aktivieren, deaktivieren und in ihrem Verhalten beeinflussen. Sie ähnelt CSP, steuert jedoch Funktionen statt sicherheitsbezogenem Verhalten. 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 Benutzereinstellung 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 Benutzern bei der Zuordnung von Werbewirkungen. Sie verwendet 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 Spezifikationsvorschlag. 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 nun für Style-Ressourcen unterstützt. Damit können Websites Integritätsgarantien für Unterressourcen für Styles entweder erzwingen oder Verstöße gegen die Richtlinie lediglich 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 ein <link>-Element mit rel="stylesheet" verweist, sofern entweder das Attribut integrity fehlt oder dessen 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

Der HTTP-Request-Header Idempotency-Key kann von clientseitigem Website-Code verwendet werden, um POST- oder PATCH-Requests idempotent zu machen, sofern der Server dies unterstützt. Laut Spezifikation sollte der Server dokumentieren und bekannt geben, welche Endpunkte diesen Header benötigen, welches Format der Schlüssel hat und welche Fehlerantworten zu erwarten sind.

Firefox fügt den Header bei jedem neuen POST-Request automatisch mit einem eindeutigen Schlüssel hinzu, sofern ihn der clientseitige Code der Seite nicht bereits hinzugefügt hat. Das 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 Standard

SameSite-Cookies haben standardmäßig den Wert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungswebsite navigiert, nicht jedoch bei seitenübergreifenden Unterrequests, etwa zum Laden von Bildern oder Frames in eine Drittanbieter-Website. Weitere Einzelheiten 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 auf einen CORS-Preflight-Request. Er gibt an, welche Request-Header im eigentlichen Request enthalten sein dürfen. Die Response-Direktive kann einen Platzhalter (*) enthalten. Dieser gibt an, dass der eigentliche Request alle Header außer Authorization enthalten darf.

Standardmäßig fügt Firefox den Header Authorization dem eigentlichen Request hinzu, nachdem es eine Antwort mit Access-Control-Allow-Headers: * erhalten hat. Setzen Sie die Einstellung auf false, damit Firefox den Header Authorization nicht hinzufügt. Weitere Einzelheiten finden Sie unter Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Zum Aktivieren auf true setzen.

Entwicklerwerkzeuge

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

In diesem Release-Zyklus gibt es keine experimentellen Funktionen.

Siehe auch

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