Experimentelle Features in Firefox

HTML

Layout für input type="search"

Das Layout für input type="search" wurde aktualisiert. Dies führt dazu, dass ein Suchfeld ein Löschsymbol erhält, sobald jemand mit der Eingabe beginnt, um andere Browserimplementierungen nachzuahmen. (Siehe Firefox Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Auf true setzen, um zu aktivieren.

Passwortanzeige umschalten

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

layout.forms.reveal-password-button.enabled

Auf true setzen, um zu aktivieren.

Zeitwahl in datetime-local und time Eingabeelementen

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

dom.forms.datetime.timepicker

Auf true setzen, um zu aktivieren.

alpha und colorspace Attribute in color Eingabeelementen

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

dom.forms.html_color_picker.enabled

Auf true setzen, um zu aktivieren.

CSS

Hex-Boxen zur Anzeige streunender Steuerzeichen

Diese Funktion rendert Steuerzeichen (Unicode-Kategorie Cc) außer Tabulator (U+0009), Zeilenumbruch (U+000A), Form Feed (U+000C) und Wagenrücklauf (U+000D) als Hex-Box, wenn sie unerwartet sind. (Siehe Firefox Bug 1099557 für weitere Details.)

layout.css.control-characters.visible

Auf true setzen, um zu aktivieren.

initial-letter Eigenschaft

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und erlaubt es Ihnen, anzugeben, wie fallende, aufsteigende und versenkte Initialbuchstaben angezeigt werden. (Siehe Firefox Bug 1223880 für weitere Details.)

layout.css.initial-letter.enabled

Auf true setzen, um zu aktivieren.

Funktion fit-content()

Die fit-content() Funktion, wie sie bei width und anderen Größenangaben angewendet wird. Diese Funktion wird bereits gut für die Größenbestimmung von CSS-Grid-Layout-Tracks unterstützt. (Siehe Firefox Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Auf true setzen, um zu aktivieren.

Scroll-gesteuerte Animationen

Früher als "scroll-verknüpfte Animationen" bekannt, hängt eine scroll-gesteuerte Animation von der Scrollposition eines Bildlaufs anstelle der Zeit oder einer anderen Dimension ab. Die Eigenschaften scroll-timeline-name und scroll-timeline-axis (und die Kurzform-Eigenschaft scroll-timeline) erlauben es Ihnen, anzugeben, dass ein bestimmter Bildlauf in einem benannten Container als Quelle für eine scroll-gesteuerte Animation verwendet werden kann. Die Scrolle-Timeline kann dann einer Animation zugeordnet werden, indem die animation-timeline-Eigenschaft auf den Namenswert gesetzt wird, der mit scroll-timeline-name definiert wurde.

Beim Einsatz der Kurzform-Eigenschaft scroll-timeline muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Lang- und Kurzform-Eigenschaften sind beide hinter der Präferenz verfügbar. Sie können alternativ die funktionale Notation scroll() mit animation-timeline verwenden, um anzugeben, dass eine Bildlauf-Achse in einem übergeordneten Element 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 timeline-scope, 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

Auf true setzen, um zu aktivieren.

prefers-reduced-transparency Media-Feature

Das CSS-Media-Feature prefers-reduced-transparency lässt Sie erkennen, wenn ein Benutzer die Einstellung aktiviert hat, um die Menge an transparenten oder durchscheinenden Schichteffekten auf ihrem Gerät zu minimieren. Siehe (Firefox Bug 1736914) für weitere Details.

layout.css.prefers-reduced-transparency.enabled

Auf true setzen, um zu aktivieren.

inverted-colors Media-Feature

Das CSS-Media-Feature inverted-colors lässt Sie erkennen, ob ein User-Agent oder das zugrunde liegende Betriebssystem die Farben invertiert. Siehe (Firefox Bug 1794628) für weitere Details.

layout.css.inverted-colors.enabled

Auf true setzen, um zu aktivieren.

Benannte Ansicht Fortschrittszeitleisten-Eigenschaft

Die CSS-Eigenschaft view-timeline-name ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben, der angibt, dass das übergeordnete Scrollelement die Quelle einer Fortschrittszeitleiste der Ansicht ist. Der Name kann dann dem animation-timeline-Element zugewiesen werden, das das zugehörige Element animiert, während es durch den sichtbaren Bereich seines übergeordneten Scrollelements bewegt wird. Siehe (Firefox Bug 1737920) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Anonyme Ansicht Fortschrittszeitleisten-Funktion

Die CSS-Funktion view() ermöglicht es Ihnen, anzugeben, dass die animation-timeline für ein Element eine Fortschrittszeitleiste der Ansicht ist, die das Element animiert, während es durch den sichtbaren Bereich des übergeordneten Scrollelements bewegt wird. Die Funktion definiert die Achse des übergeordneten Elements, das die Zeitleiste bereitstellt, sowie den Inset im sichtbaren Bereich, an dem die Animation startet und beginnt. Siehe (Firefox Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Auf true setzen, um zu aktivieren.

Herstellerpräfixe Transform-Eigenschaften

Die -moz--vervielfachten CSS-Transform-Eigenschaften können deaktiviert werden, indem die Präferenz layout.css.prefixes.transforms auf false gesetzt wird. Die Absicht besteht darin, diese zu deaktivieren, sobald die standardmäßigen CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox Bug 1886134, Firefox Bug 1855763).

Speziell wird diese Präferenz die folgenden vervielfachten Eigenschaften deaktivieren:

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

layout.css.prefixes.transforms

Auf true setzen, um zu aktivieren.

Relative Kontrollpunkte in CSS shape() Kurvenbefehlen

Sie können <relative-control-point> Werte bei der Angabe eines <curve-command> oder <smooth-command> in einer CSS shape() Funktion verwenden. Diese Werte ermöglichen es Ihnen, Kontrollpunkte anzugeben, die relativ zum Start- oder Endpunkt des aktuellen Befehls positioniert sind oder relativ zum Ursprung (oben links) des Containers, in dem die Form gezeichnet wird. (Firefox Bug 1921501).

layout.css.basic-shape-shape.enabled

Auf true setzen, um zu aktivieren.

Symmetrisches letter-spacing

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

layout.css.letter-spacing.model

Auf true setzen, um zu aktivieren.

calc() Farbkanalunterstützung in relativen Farben

Die CSS-Funktion calc() kann nun Farbkanäle in relativen Farben analysieren, was es Ihnen ermöglicht, Änderungen an Farben in verschiedenen Farbräumen oder unter Verwendung unterschiedlicher funktionaler Notationen richtig zu berechnen Firefox Bug 1889561.

layout.css.relative-color-syntax.enabled

Auf true setzen, um zu aktivieren.

Erlauben von Pseudo-Elementen nach element-gestützten Pseudo-Elementen

Es wurde begonnen, daran zu arbeiten, dass Pseudo-Elemente wie ::first-letter und ::before an element-gestützte Pseudo-Elemente wie ::details-content und ::file-selector-button angehängt werden können.

Dies ermöglicht es Benutzern beispielsweise, den ersten Buchstaben des <details>-Elements mit dem CSS-Selektor ::details-content::first-letter zu stylen oder Inhalte vor einem <input> mit type="file" mit dem CSS-Selektor ::file-selector-button::before hinzuzufügen.

Zurzeit kann nur ::details-content::first-letter mit @supports(::details-content::first-letter) geparst werden. Das ::file-selector-button Pseudo-Element ist noch nicht als element-gestütztes Pseudo-Element markiert, sodass es derzeit keine Möglichkeit gibt, dies zu testen. (Firefox Bug 1953557, Firefox Bug 1941406).

:heading und :heading() Pseudoklassen

Die Pseudoklasse :heading ermöglicht es Ihnen, alle Überschriftselemente (<h1>-<h6>) auf einmal zu stylen, anstatt sie einzeln anzusprechen. Die funktionale Pseudoklasse :heading() ermöglicht es Ihnen, Überschriftselemente zu stylen, die einer durch Kommas getrennten Liste von ganzen Zahlen entsprechen, die die Überschriftenebenen darstellen. (Firefox Bug 1974386 & Firefox Bug 1984310).

layout.css.heading-selector.enabled

Auf true setzen, um zu aktivieren.

text-decoration-trim

Die CSS-Eigenschaft text-decoration-trim ermöglicht es Ihnen, text-decoration Anfangs- und Endversätze anzugeben, um Textdekorationen zu verkürzen, zu verlängern oder die Position in Bezug auf den Text zu verschieben (Firefox Bug 1979915).

layout.css.text-decoration-trim.enabled

Auf true setzen, um zu aktivieren.

@custom-media At-Regel

Die @custom-media CSS-At-Regel definiert Aliase für lange oder komplexe Media-Anfragen. Anstatt dieselbe fest programmierte <media-query-list> in mehreren @media At-Regeln zu wiederholen, kann es einmal in einer @custom-media At-Regel definiert und in den Stylesheets bei Bedarf referenziert werden. (Firefox Bug 1744292).

layout.css.custom-media.enabled

Auf true setzen, um zu aktivieren.

<attr-type> Werte in attr() CSS-Funktion

Die CSS-Funktion attr() unterstützt jetzt <attr-type> Werte. Damit können Sie angeben, wie ein Attributwert in einen CSS-Wert geparst wird, und diese Werte direkt aus data-* übernehmen. (Firefox Bug 1986631, Firefox Bug 1998245)

layout.css.attr.enabled

Auf true setzen, um zu aktivieren.

@container style() Abfragen

Die @container CSS-At-Regel unterstützt style() Abfragen. Damit können Sie prüfen, ob ein Container über eine gültige CSS-Deklaration, eine CSS-Eigenschaft oder eine benutzerdefinierte Eigenschaft verfügt, und entsprechend Stile auf seine Kinder anwenden. (Firefox Bug 2014404).

layout.css.style-queries.enabled

Auf true setzen, um zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

JavaScript

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

APIs

Übersichtliche benutzerdefinierte Element-Register

Die Unterstützung für überblickte benutzerdefinierte Element-Register wird implementiert. Übersichtliche Register ermöglichen es einem Schatten-DOM, ein unabhängiges CustomElementRegistry zu erstellen, dessen Definitionen nur für diesen spezifischen DOM-Teilbaum gelten. Dies kann verwendet werden, um Kollisionen zu vermeiden, bei denen mehrere Webkomponenten Elemente mit demselben Namen deklarieren.

Die Implementierung umfasst:

• Die Eigenschaft customElementRegistry in Document, Element, und ShadowRoot. (Firefox Bug 2018900).

dom.scoped-custom-element-registries.enabled

Auf true setzen, um zu aktivieren.

CSS Typed Object Model Level 1

Die Implementierungsarbeit am CSS Typed OM Level 1 hat begonnen. Zum Beispiel wird die Methode to() der CSSNumericValue Schnittstelle unterstützt, um einen CSS-Numeric-Wert von einer Einheit in eine andere umzuwandeln. (Firefox Bug 1278697).

layout.css.typed-om.enabled

Auf true setzen, um zu aktivieren.

Notification actions und maxActions Eigenschaften

Die schreibgeschützte Eigenschaft actions und die statische schreibgeschützte Eigenschaft maxActions der Notification-Schnittstelle werden in Nightly auf dem Desktop unterstützt. Diese enthalten die mit ServiceWorkerRegistration.showNotification() gesetzten Benachrichtigungsaktionen und die maximale Anzahl an Aktionen, die festgelegt werden können. (Firefox Bug 1225110, Firefox Bug 1963263).

dom.webnotifications.actions.enabled

Auf true setzen, um zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

Wenn diese Präferenz aktiviert ist, werden alle WebGL-Erweiterungen, die sich derzeit im Entwurfsstatus befinden und getestet werden, zur Verwendung aktiviert. Derzeit werden von Firefox keine WebGL-Erweiterungen getestet.

WebGPU API

Die WebGPU API bietet Niedrigstufenunterstützung für das Durchführen von Berechnungen und Grafikrendering mit der Graphics Processing Unit (GPU) des Benutzergeräts oder -computers. Ab Version 142 wird dies auf Windows in allen Kontexten außer in Service-Workern aktiviert. Ab Version 147 wird dies auf macOS auf Apple Silicon in allen Browser-Kontexten außer in Service-Workern aktiviert. Für andere Plattformen wie Linux und macOS auf Intel Silicon ist es in Nightly aktiviert. Siehe Firefox Bug 1602129 für unseren Fortschritt bei dieser API.

dom.webgpu.enabled

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

dom.webgpu.service-workers.enabled

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

WebRTC und Media

Die folgenden experimentellen Funktionen umfassen diejenigen, die in Medien-APIs wie der WebRTC API, der Web Audio API, der Media Source Extensions API, der Encrypted Media Extensions API und der Media Capture and Streams API gefunden werden können.

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 jedoch derzeit keine Unterstützung für mehrere Audio- und Videospuren bietet, funktionieren die häufigsten Anwendungsfälle für diese Eigenschaften nicht, sodass sie standardmäßig beide deaktiviert sind. Siehe Firefox Bug 1057233 für weitere Details.

media.track.enabled

Auf true setzen, um zu aktivieren.

Asynchrone SourceBuffer Hinzufügung und Entfernung

Dies fügt die auf Promises basierenden Methoden appendBufferAsync() und removeAsync() hinzu, um Media-Source-Puffer in die SourceBuffer Schnittstelle hinzuzufügen und zu entfernen. Siehe Firefox Bug 1280613 und Firefox Bug 778617 für weitere Informationen.

media.mediasource.experimental.enabled

Auf true setzen, um zu aktivieren.

AVIF Compliance-Strictness

Die Präferenz image.avif.compliance_strictness kann verwendet werden, um die Strenge zu steuern, die bei der Verarbeitung von AVIF Bildern angewendet wird. Dies ermöglicht es den Firefox-Benutzern, Bilder anzuzeigen, die in einigen anderen Browsern gerendert werden, auch wenn sie nicht strikt konform sind.

image.avif.compliance_strictness

Numerischer Wert, der eine Strenge aufzeigt. Erlaubte Werte sind:

• 0: Nachsichtig. Akzeptiert Bilder mit Spezifikationsverletzungen sowohl in Empfehlungen ("sollte" Sprache) als auch in Anforderungen ("muss" Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standard): Gemischt. Verwirft Verletzungen von Anforderungen ("muss"), erlaubt aber Verletzungen von Empfehlungen ("sollte").
• 2: Streng. Verwirft jegliche Verletzungen von spezifizierten Anforderungen oder Empfehlungen.

JPEG XL Unterstützung

Firefox unterstützt JPEG XL Bilder, wenn diese Funktion aktiviert ist. Siehe Firefox Bug 1539075 für weitere Details.

Es sei darauf hingewiesen, dass die Funktion nur auf Nightly Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist oder nicht). In Firefox 149 wurde der vorherige C++ JPEG XL Bilddecodierer durch eine neue, auf Rust basierende Implementierung ersetzt, die die jxl-rs Bibliothek verwendet (Firefox Bug 1986393).

image.jxl.enabled

Auf true setzen, um zu aktivieren.

Document Picture-in-Picture API

Die Document Picture-in-Picture API ermöglicht es, ein stets im Vordergrund befindliches Fenster zu öffnen, das mit beliebigem HTML-Inhalt gefüllt werden kann, wie etwa einem Video mit benutzerdefinierten Steuerelementen oder einem Set an Streams, die die Teilnehmer eines Videoanrufs zeigen. Siehe Firefox Bug 1858562 für weitere Details.

dom.documentpip.enabled

Auf true setzen, um zu aktivieren.

WebVR API (Deaktiviert)

Die veraltete WebVR API befindet sich auf dem Weg zur Entfernung. Sie ist standardmäßig auf allen Builds deaktiviert Firefox Bug 1750902.

dom.vr.enabled

Auf true setzen, um zu aktivieren.

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

Die GeometryUtils-Methoden convertPointFromNode(), convertRectFromNode(), und convertQuadFromNode() transponieren den angegebenen Punkt, das angegebene Rechteck oder Viereck von dem Node, auf dem sie aufgerufen werden, auf einen anderen Knoten. (Siehe Firefox Bug 918189 für weitere Details.)

layout.css.convertFromNode.enable

Auf true setzen, um zu aktivieren.

GeometryUtils Methode: getBoxQuads()

Die GeometryUtils-Methode getBoxQuads() gibt die CSS-Boxen für einen Node relativ zu einem anderen Knoten oder Viewport zurück. (Siehe Firefox Bug 917755 für weitere Details.)

layout.css.getBoxQuads.enabled

Auf true setzen, um zu aktivieren.

Payment Request API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Bearbeitung von webbasierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Fehlers, der während der Benutzeroberflächentests auftrat, haben wir beschlossen, die Auslieferung dieser API zu verschieben, während Diskussionen über mögliche Änderungen an der API geführt werden. Die Arbeiten sind im Gange. (Siehe Firefox Bug 1318984 für weitere Details.)

dom.payments.request.enabled

Auf true setzen, um zu aktivieren.

dom.payments.request.supportedRegions

Ländercodes als durch Komma getrennte Erlaubnisliste von Regionen (z. B. US,CA).

WebShare API

Die Web Share API ermöglicht das Teilen von Dateien, URLs und anderen Daten von einer Website aus. Diese Funktion ist auf Android in allen Builds aktiviert, aber auf Desktop hinter einer Präferenz (sofern nicht unten angegeben).

dom.webshare.enabled

Auf true setzen, um zu aktivieren.

Notifications API

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

dom.webnotifications.requireinteraction.enabled

Auf true setzen, um zu aktivieren.

Sicherheit und Privatsphäre

Kennzeichnung unsicherer Seiten

Die beiden Präferenzen security.insecure_connection_text_* fügen ein Textlabel "Nicht sicher" in der Adressleiste neben dem traditionellen Schloss-Symbol hinzu, wenn eine Seite unsicher geladen wird (das heißt, mit HTTP anstatt mit HTTPS). Die Präferenz browser.urlbar.trimHttps kürzt das https: Präfix von URLs in der Adressleiste. Siehe Firefox Bug 1853418 für weitere Details.

security.insecure_connection_text.enabled

Auf true setzen, um das Textlabel für den normalen Browsermodus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Auf true setzen, um das Textlabel für den privaten Browsermodus zu aktivieren.

browser.urlbar.trimHttps

Auf true setzen, um das https: Präfix von URLs in der Adressleiste zu kürzen.

Einschränkung von Inhalten für Erwachsene mit <meta name="rating">

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

Die folgenden <meta> Elemente sind gleichbedeutend:

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

Browser, die dieses Element erkennen, können dann Schritte unternehmen, um Nutzer daran zu hindern, den Inhalt zu sehen. Die Firefox-Implementierung ersetzt die Seite durch den Inhalt, der unter about:restricted gefunden wird, der dem Benutzer erklärt, dass sie versuchen, eingeschränkte Inhalte anzuzeigen, erklärt, warum sie es nicht sehen können, und ihnen einen Zurück-Button gibt, um von dort aus zurückzukehren, woher sie kamen.

Siehe Firefox Bug 1991135 für weitere Details.

security.restrict_to_adults.always

Auf true setzen, um den Zugang zu Webseiten zu beschränken, die sich als Erwachseneninhalt identifizieren, indem sie ein <meta name="rating"> Element einfügen.

security.restrict_to_adults.respect_platform

Auf true setzen, um den Zugang zu Webseiten zu beschränken, die sich als Erwachseneninhalt identifizieren, indem sie ein <meta name="rating"> Element nur dann einfügen, wenn geeignete Kindersicherungen auf dem zugrunde liegenden Betriebssystem gesetzt sind (z. B. wenn die Inhalts- & Privatsphäre Einstellungen von macOS eingestellt sind, um explizite Webinhalte zu beschränken).

Berechtigungspolitik / Feature-Politik

Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und deren Verhalten zu ändern. Es ähnelt CSP, steuert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies ist in Firefox als Feature Policy implementiert, der Name, der in einer früheren Version der Spezifikation verwendet wurde.

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

dom.security.featurePolicy.header.enabled

Auf true setzen, um zu aktivieren.

Privacy Preserving Attribution API (PPA)

Die PPA API bietet eine Alternative zum Benutzer-Tracking für die Werbezurechnung, indem das neue navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion() verwendet wird. Lesen Sie mehr über PPA im ursprünglichen Erklärer und die vorgeschlagene Spezifikation. Dieses Experiment kann für Websites über Origin Trial oder im Browser durch Setzen der Präferenz auf 1 aktiviert werden. (Firefox Bug 1900929).

dom.origin-trials.private-attribution.state

Auf true setzen, um zu aktivieren.

HTTP

Integritätspolitik für Stylesheet-Ressourcen

Die Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden jetzt für Style-Ressourcen unterstützt. Damit können Webseiten entweder Subressourcen-Integritätsgarantien für Stile erzwingen oder nur Verstöße gegen die Richtlinie 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 Stilen, die in einem <link> Element mit rel="stylesheet" referenziert werden, wenn sie entweder nicht das integrity Attribut aufweisen oder einen Integritätshash haben, der nicht mit der Ressource auf dem Server übereinstimmt. (Firefox Bug 1976656).

security.integrity_policy.stylesheet.enabled

Auf true setzen, um zu aktivieren.

Storage Access Header

Die Sec-Fetch-Storage-Access und Activate-Storage-Access HTTP-Header werden jetzt unterstützt und ermöglichen einen effizienteren Storage Access API Workflow. (Firefox Bug 1991688).

Im JavaScript-only-Workflow muss eine Drittanbieter-Ressource angefordert und geladen werden, um eine Speicherzugriffsberechtigung für einen bestimmten Kontext (z. B. ein neuer Browser-Tab) zu aktivieren. Dies ist auch dann erforderlich, wenn die Berechtigung bereits gewährt wurde. Die Speicherzugriff-Header ermöglichen es dem Browser, den Berechtigungsstatus für den jeweiligen Kontext anzugeben, damit der Server die Aktivierung einer bereits gewährten Berechtigung anfordern kann. Dies vermeidet den Overhead, die Ressource unnötig abzurufen und zu laden.

dom.storage_access.headers.enabled

Auf true setzen, um zu aktivieren.

Idempotency-Key

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

Firefox fügt den Header automatisch mit einem eindeutigen Schlüssel für jede neue POST-Anfrage hinzu, wenn er noch nicht durch den seitlichen Seiten-Client-Code hinzugefügt wurde. Dies vereinfacht den seitlichen Code, der erforderlich ist, um mit Servern zu arbeiten, die die Funktion unterstützen.

(Firefox Bug 1830022).

network.http.idempotencyKey.enabled

Auf true setzen, um zu aktivieren.

Accept-Header mit MIME-Typ image/jxl

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

image.jxl.enabled

Auf true setzen, um zu aktivieren.

SameSite=Lax standardmäßig

SameSite.cookies haben standardmäßig den Wert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht für bereichsübergreifende Subrequests, um Bilder oder Frames auf einer Drittanbieter-Website zu laden und so weiter. Weitere Details finden Sie unter Firefox Bug 1617609.

network.cookie.sameSite.laxByDefault

Auf true setzen, um zu aktivieren.

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

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

Standardmäßig fügt Firefox den Authorization-Header in der endgültigen Anfrage hinzu, nachdem es eine Antwort mit Access-Control-Allow-Headers: * erhalten hat. Um sicherzustellen, dass Firefox den Authorization-Header nicht einschließt, setzen Sie die Präferenz auf false. Weitere Details siehe Firefox Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Auf true setzen, um zu aktivieren.

Entwicklerwerkzeuge

Die Entwicklerwerkzeuge von Mozilla entwickeln sich ständig weiter. Wir experimentieren mit neuen Ideen, fügen neue Funktionen hinzu und testen sie auf den Nightly- und Developer Edition-Kanälen, bevor sie Beta und Release erreichen. Die oben genannten Funktionen sind die aktuelle Auswahl an experimentellen Entwicklertools.

Keine experimentellen Funktionen in diesem Veröffentlichungszyklus.

Siehe auch

• Firefox-Entwickler-Veröffentlichungsnotizen
• Firefox Nightly
• Firefox Developer Edition