Experimentelle Funktionen 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ösch-Symbol hat, sobald jemand darin zu tippen beginnt, um andere Browser-Implementierungen zu entsprechen. (Siehe Firefox-Bug 558594 für weitere Details.)

layout.forms.input-type-search.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Passwortanzeige umschalten

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

layout.forms.reveal-password-button.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Zeitwähler in datetime-local und time Eingabeelementen

Die HTML-Elemente <input type="datetime-local"> und <input type="time"> unterstützen einen Zeitwähler. (Firefox-Bug 1726108).

dom.forms.datetime.timepicker

Setzen Sie diese auf true, um sie zu aktivieren.

CSS

Hex-Boxen zur Anzeige von überzähligen Steuerzeichen

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

layout.css.control-characters.visible

Setzen Sie diese auf true, um sie zu aktivieren.

Eigenschaft initial-letter

Die initial-letter CSS-Eigenschaft ist Teil der CSS Inline Layout Spezifikation und ermöglicht es Ihnen, anzugeben, wie herabgesetzte, gehobene und versenkte Anfangsbuchstaben angezeigt werden. (Siehe Firefox-Bug 1223880 für weitere Details.)

layout.css.initial-letter.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Funktion fit-content()

Die fit-content() Funktion, wie sie auf width und andere Größenangaben angewendet wird. Diese Funktion wird bereits gut für die CSS-Gitter-Layout-Spurengrößen unterstützt. (Siehe Firefox-Bug 1312588 für weitere Details.)

layout.css.fit-content-function.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Scroll-gesteuerte Animationen

Früher als "scroll-verknüpfte Animationen" bezeichnet, hängt eine scroll-gesteuerte Animation vom Scroll-Position eines Scrollbalkens ab, anstatt von Zeit oder einer anderen Dimension. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzschrifteigenschaft) ermöglichen es Ihnen, anzugeben, dass ein bestimmter Scrollbalken in einem benannten Container als Quelle für eine scroll-gesteuerte Animation verwendet werden kann. Der Scroll-Zeitstrahl kann dann mit einer Animation durch Setzen der animation-timeline Eigenschaft auf den Namen, der mit scroll-timeline-name definiert wurde, verbunden werden.

Bei der Verwendung der scroll-timeline Kurzschrifteigenschaft muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Die Langhand- und Kurzschrifteigenschaften sind beide hinter der Präferenz verfügbar. Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzugeben, dass eine Achse des Scrollbalkens in einem Vorfahrenelement für den Zeitstrahl verwendet wird.

Weitere Informationen finden Sie in den Firefox-Bugs 1807685, 1804573, 1809005, 1676791, 1754897, 1817303 und 1737918.

Die timeline-scope, animation-range-start und animation-range-end Eigenschaften (und die animation-range Kurzschrifteigenschaft) werden noch nicht unterstützt. Für weitere Informationen siehe Firefox-Bug 1676779.

layout.css.scroll-driven-animations.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Medieneigenschaft prefers-reduced-transparency

Die CSS prefers-reduced-transparency Medieneigenschaft ermöglicht es Ihnen zu erfassen, ob ein Benutzer die Einstellung aktiviert hat, um die Menge der transparenten oder durchscheinenden Schichteffekte auf ihrem Gerät zu minimieren. Siehe (Firefox-Bug 1736914) für weitere Details.

layout.css.prefers-reduced-transparency.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Medieneigenschaft inverted-colors

Die CSS inverted-colors Medieneigenschaft lässt Sie erkennen, ob ein Benutzeragent oder das zugrunde liegende Betriebssystem Farben invertiert. Siehe (Firefox-Bug 1794628) für weitere Details.

layout.css.inverted-colors.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Eigenschaft Named view progress timelines

Die CSS view-timeline-name Eigenschaft ermöglicht es Ihnen, einem bestimmten Element einen Namen zu geben und so anzuzeigen, dass sein Vorfahr-Scroller-Element die Quelle eines View-Progress-Zeitstrahls ist. Der Name kann dann dem animation-timeline zugewiesen werden, das dann das zugeordnete Element animiert, während es sich durch den sichtbaren Bereich seines Vorfahr-Scrollers bewegt. Siehe (Firefox-Bug 1737920) für weitere Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Funktion Anonymous view progress timelines

Die CSS view() Funktion ermöglicht es Ihnen anzugeben, dass die animation-timeline für ein Element ein View-Progress-Zeitstrahl ist, der das Element animiert, während es sich durch den sichtbaren Bereich seines Vorfahr-Scrollers bewegt. Die Funktion definiert die Achse des Elternelements, das den Zeitstrahl liefert, zusammen mit dem Inset innerhalb des sichtbaren Bereichs, an dem die Animation beginnt und endet. Siehe (Firefox-Bug 1808410) für weitere Details.

layout.css.scroll-driven-animations.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Vorrangige transform-Eigenschaften mit -moz- Präfix

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

Insbesondere werden diese Präferenz die folgenden präfixierten Eigenschaften deaktivieren:

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

layout.css.prefixes.transforms

Setzen Sie diese auf true, um sie zu aktivieren.

shape() Funktion

Die CSS shape() Funktion ist ein <basic-shape> Datentyp, der es Ihnen ermöglicht, eine Form in den clip-path und offset-path Eigenschaften unter Verwendung eines oder mehrerer "Formbefehle" zu definieren. Diese Befehle sind den SVG-Pfadbefehlen sehr ähnlich. Die shape() Funktion ist in gewisser Hinsicht der path() Funktion ähnlich, unterscheidet sich jedoch durch die Verwendung der SVG-Pfad Syntax, während shape() die standardmäßige CSS-Syntax verwendet. Dies ermöglicht Ihnen, Formen einfach zu erstellen und zu bearbeiten und auch die Nutzung von CSS-Mathematikfunktionen zuzulassen. Für weitere Details siehe Firefox-Bug 1823463 für die Unterstützung der shape() Funktion in clip-path, Firefox-Bug 1884424 für die Unterstützung der Funktion in offset-path und Firefox-Bug 1884425 für die Unterstützung der Interpolation.

layout.css.basic-shape-shape.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Relative Steuerveniere in CSS shape() Kurvenbefehlen

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

layout.css.basic-shape-shape.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Symmetrische letter-spacing

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

layout.css.letter-spacing.model

Setzen Sie diese auf true, um sie zu aktivieren.

calc() Unterstützung der Farbkanäle in relativen Farben

Die CSS calc() Funktion kann jetzt Farbkanäle in relativen Farben parsen, sodass Sie Änderungen an Farben in verschiedenen Farbräumen oder unter Verwendung unterschiedlicher funktionaler Notationen korrekt berechnen können Firefox-Bug 1889561.

layout.css.relative-color-syntax.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Erlauben Sie Pseudoelemente nach elementgestützten Pseudoelementen

Es wurde damit begonnen, es zu ermöglichen, dass Pseudoelemente wie ::first-letter und ::before an elementgestützte Pseudoelemente wie ::details-content und ::file-selector-button angehängt werden können.

Dies ermöglicht es Benutzern, z. B. den ersten Buchstaben des <details> Elements zu stylen, indem sie den CSS-Selektor ::details-content::first-letter verwenden oder Inhalt vor einem <input> mit type="file" hinzufügen, indem sie den CSS-Selektor ::file-selector-button::before verwenden.

Derzeit kann nur die Unterstützung für ::details-content::first-letter mit @supports(::details-content::first-letter) geparst werden. Das ::file-selector-button Pseudoelement ist noch nicht als elementgestütztes Pseudoelement markiert, daher gibt es keine Möglichkeit, dies zu testen. (Firefox-Bug 1953557, Firefox-Bug 1941406).

Pseudoklassen :heading und :heading()

Die :heading Pseudoklasse 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 mit einer kommagetrennten Liste von Ganzzahlen übereinstimmen, die den Überschriftenebenen entsprechen. (Firefox-Bug 1974386 & Firefox-Bug 1984310).

layout.css.heading-selector.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

text-decoration-trim

Die CSS text-decoration-trim Eigenschaft ermöglicht es Ihnen, text-decoration Start- und Endoffsets anzugeben, um die 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

Setzen Sie diese auf true, um sie zu aktivieren.

@custom-media At-Regel

Die @custom-media CSS-At-Regel definiert Aliase für lange oder komplexe Media-Queries. Anstatt die gleichen fest codierten <media-query-list> in mehreren @media At-Regeln zu wiederholen, können sie einmal in einer @custom-media At-Regel definiert und im Stylesheet jederzeit referenziert werden. (Firefox-Bug 1744292).

layout.css.custom-media.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

SVG

Keine experimentellen Funktionen in diesem Release-Zyklus.

JavaScript

Keine experimentellen Funktionen in diesem Release-Zyklus.

APIs

CloseWatcher-Schnittstelle

Integrierte Webkomponenten mit "open" und "close" Semantik, wie modale Dialoge und Popovers, können mit geräte-nativen Mechanismen geschlossen werden. Beispielsweise können Sie auf Android einen Dialog mit der Zurück-Taste schließen. Die CloseWatcher Schnittstelle ermöglicht es Entwicklern, UI-Komponenten, wie benutzerdefinierte Seitenleisten, zu implementieren, die ebenfalls mit nativen Mechanismen geschlossen werden können. (Firefox-Bug 1888729).

dom.closewatcher.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Trusted Types API

Die Trusted Types API bietet Mechanismen, um sicherzustellen, dass Funktionen, die potenziell als Vektoren für XSS-Angriffe verwendet werden können, nur mit Daten aufgerufen werden, die validiert oder bereinigt wurden. Die API ist in frühen Beta-Versionen aktiviert (Firefox-Bug 1992941).

Dies umfasst (nicht vollständig):

• Die Hinzufügung der TrustedTypePolicyFactory, TrustedTypePolicy, TrustedHTML, TrustedScript, TrustedScriptURL Schnittstellen und der trustedTypes Eigenschaft in Window und WorkerGlobalScope.
• Updates zu Einschubinterschnittstellen, wie Element.innerHTML und document.write(), um TrustedHTML, TrustedScript, TrustedScriptURL zuzulassen, sowie Strings.
• Unterstützung für die require-trusted-types-for und trusted-types Direktiven sowie das 'trusted-types-eval' Schlüsselwort des Content-Security-Policy HTTP-Headers. Diese können verwendet werden, um vertrauenswürdige Typen anstelle von Strings durchzusetzen, die spezifischen erlaubten Richtlinien zu benennen und die Verwendung von eval() und ähnlichen Funktionen zu ermöglichen, wenn Trusted Types unterstützt und durchgesetzt werden.

dom.security.trusted_types.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

HTML Sanitizer API

Die HTML Sanitizer API ermöglicht es Entwicklern, unzuverlässige HTML-Strings zu bereinigen, um sie sicher in das DOM eines Dokuments einzufügen.

dom.security.sanitizer.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Entfernung der beforescriptexecute und afterscriptexecute Ereignisse

Die nicht standardmäßigen Ereignisse beforescriptexecute und afterscriptexecute im Document Interface sowie afterscriptexecute und beforescriptexecute im Element Interface stehen zur Entfernung an. Sie wurden in Nightly deaktiviert. (Firefox-Bug 1954685).

dom.events.script_execute.enable

Setzen Sie diese auf true, um sie zu aktivieren.

Benachrichtigungsaktionen und maxActions Eigenschaften

Die actions schreibgeschützte Eigenschaft und die maxActions statische schreibgeschützte Eigenschaft des Notification Interfaces werden in Nightly auf dem Desktop unterstützt. Diese enthalten die Mitteilungsaktionen, die mit ServiceWorkerRegistration.showNotification() gesetzt wurden, und die maximale Anzahl von Aktionen, die festgelegt werden können, jeweils. (Firefox-Bug 1225110, Firefox-Bug 1963263).

dom.webnotifications.actions.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Grafik: Canvas, WebGL und WebGPU

WebGL: Entwurfserweiterungen

Wenn diese Präferenz aktiviert ist, werden alle derzeit in "Entwurf"-Status befindlichen WebGL-Erweiterungen, die getestet werden, für die Verwendung aktiviert. Derzeit werden keine WebGL-Erweiterungen von Firefox getestet.

WebGPU API

Die WebGPU API bietet Low-Level-Unterstützung für die Durchführung von Berechnungen und Grafik-Rendering mithilfe der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Ab Version 142 ist dies in allen Kontexten außer in Service-Workern unter Windows aktiviert. Ab Version 147 ist dies auf macOS auf Apple Silicon in allen Browserkontexten außer 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

Setzen Sie diese auf true, um sie zu aktivieren (in Nightly und auf Windows in allen Versionen aktiviert)

dom.webgpu.service-workers.enabled

Setzen Sie diese auf true, um sie zu aktivieren (in Nightly aktiviert)

Bericht-API-Unterstützung für CSP-Verstöße

Die Reporting API hat nun Unterstützung für die Berichterstattung über Content Security Policy (CSP) Verstöße.

Report Instanzen, die durch das ReportingObserver Interface zurückgegeben werden, können nun einen type Wert von "csp-violation" und eine body Eigenschaft enthalten, die eine Instanz des CSPViolationReportBody Interfaces enthält. Dies ermöglicht es, CSP-Verstöße innerhalb einer Webseite zu melden.

CSP-Verstoßberichte können auch an entfernte Endpunkte gesendet werden, die im CSP report-to Directive genannt sind – Endpunktnamen und entsprechende URLs müssen zuerst im Reporting-Endpoints oder Report-To HTTP-Antwortkopf definiert werden. Der Bericht ist eine Serialisierung des oben beschriebenen Report Objekts, mit einer body Eigenschaft, die eine Serialisierung einer CSPViolationReportBody Instanz ist.

Dieser Verstoßbericht ersetzt einen ähnlichen CSP-spezifischen Mechanismus zur Übermittlung von Verstoßberichten, der die CSP report-uri Direktive verwendet, um die URL des Meldungsendpunkts festzulegen, und ein CSP-spezifisches JSON Verstoßberichtformat hat. (Firefox-Bug 1391243).

dom.reporting.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

WebRTC und Medien

Die folgenden experimentellen Funktionen umfassen jene in Media-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.

HTMLMediaElement Eigenschaften: audioTracks und videoTracks

Wenn diese Funktion aktiviert ist, werden die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks zu allen HTML-Medienelementen hinzugefügt. Da Firefox jedoch derzeit keine Unterstützung für mehrere Audio- und Videospuren bietet, funktionieren die häufigsten Anwendungsfälle dieser Eigenschaften nicht, weshalb sie beide standardmäßig deaktiviert sind. Siehe Firefox-Bug 1057233 für weitere Details.

media.track.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Asynchrones Hinzufügen und Entfernen von SourceBuffer

Dies fügt den promise-basierten Methoden appendBufferAsync() und removeAsync() zum Hinzufügen und Entfernen von Mediensourcedaten den SourceBuffer Interface hinzu. Weitere Informationen finden Sie in den Firefox-Bugs 1280613 und 778617.

media.mediasource.experimental.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

AVIF-Konformität Striktheit

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

image.avif.compliance_strictness

Numerischer Wert, der ein Striktheits Grad angibt. Erlaubte Werte sind:

• 0: Nachsichtig. Akzeptiert Bilder mit Verstößen gegen beide Empfehlung (sollte Sprache) und Anforderungen (muss Sprache), vorausgesetzt, sie können sicher oder eindeutig interpretiert werden.
• 1 (Standard): Gemischt. Verweigert Verletzungen von Anforderungen (muss), erlaubt jedoch Verletzungen von Empfehlungen (sollten).
• 2: Streng. Verweigert alle Verletzungen von festgelegten 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.

Beachten Sie, dass die Funktion wie unten gezeigt nur in Nightly-Builds verfügbar ist (unabhängig davon, ob die Präferenz gesetzt ist).

image.jxl.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Dokument-Bild-in-Bild-API

Die Document Picture-in-Picture API ermöglicht es, ein immer im Vordergrund befindliches Fenster zu öffnen, das mit beliebigem HTML-Inhalt gefüllt werden kann, wie z.B. ein Video mit benutzerdefinierten Steuerelementen oder einer Reihe von Streams, die die Teilnehmer eines Videokonferenzanrufs anzeigen. Siehe Firefox-Bug 1858562 für weitere Details.

dom.documentpip.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

WebVR API (Deaktiviert)

Die veraltete WebVR API steht zur Entfernung an. Sie ist standardmäßig in allen Builds deaktiviert Firefox-Bug 1750902.

dom.vr.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

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

Die GeometryUtils Methoden convertPointFromNode(), convertRectFromNode(), und convertQuadFromNode() mappt den gegebenen Punkt, das Rechteck oder das Vierfach von dem Node, auf dem sie aufgerufen werden, zu einem anderen Knoten. (Siehe Firefox-Bug 918189 für weitere Details.)

layout.css.convertFromNode.enable

Setzen Sie diese auf true, um sie zu aktivieren.

GeometryUtils Methode: getBoxQuads()

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

layout.css.getBoxQuads.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Zahlungsanforderungs-API

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Abwicklung webbasierter Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Bugs, der während des Testens der Benutzeroberfläche auftrat, haben wir beschlossen, den Versand dieser API zu verschieben, während Diskussionen über mögliche Änderungen der API geführt werden. Die Arbeit wird fortgesetzt. (Siehe Firefox-Bug 1318984 für weitere Details.)

dom.payments.request.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

dom.payments.request.supportedRegions

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

WebShare API

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

dom.webshare.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Bildschirmorientierungs-API

ScreenOrientation.lock()

Die Methode ScreenOrientation.lock() ermöglicht es, ein Gerät auf eine bestimmte Ausrichtung zu sperren, wenn dies vom Gerät unterstützt wird und die browserseitigen Vor-Sperrung-Anforderungen erfüllt sind. Typischerweise ist das Sperren der Ausrichtung nur auf Mobilgeräten erlaubt, wenn das Dokument vollbild angezeigt wird. Siehe Firefox-Bug 1697647 für weitere Details.

dom.screenorientation.allow-lock

Setzen Sie diese auf true, um sie zu aktivieren.

Benachrichtigungs-API

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

dom.webnotifications.requireinteraction.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Sicherheit und Datenschutz

Unsichere Seitenkennzeichnung

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

security.insecure_connection_text.enabled

Setzen Sie diese auf true, um das Textlabel für den normalen Browsing-Modus zu aktivieren.

security.insecure_connection_text.pbmode.enabled

Setzen Sie diese auf true, um das Textlabel für den privaten Browsing-Modus zu aktivieren.

browser.urlbar.trimHttps

Setzen Sie diese auf true, um das https: Präfix von Adressleisten-URLs zu kürzen.

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

Das nicht standardmäßige <meta name="rating"> Element kann auf einer Webseite enthalten sein, um den Inhalt der Seite als beschrä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 die gleiche Wirkung haben (es können in Zukunft weitere Optionen hinzugefügt werden).

Die folgenden <meta> Elemente sind gleichwertig:

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

Browser, die dieses Element erkennen, können dann Schritte unternehmen, um Benutzer daran zu hindern, den Inhalt anzuzeigen. Die Implementierung von Firefox ersetzt die Seite durch den Inhalt, der sich in about:restricted befindet, was dem Benutzer erklärt, dass er versucht, eingeschränkte Inhalte anzuzeigen, erklärt, warum er diese nicht anzeigen kann, und gibt ihm eine Zurück-Schaltfläche, um von dort zurückzukehren, wo er herkam.

Siehe Firefox-Bug 1991135 für weitere Details.

security.restrict_to_adults.always

Setzen Sie diese auf true, um den Zugriff auf Webseiten zu beschränken, die sich selbst als erwachsen identifizieren, indem sie ein <meta name="rating"> Element enthalten.

security.restrict_to_adults.respect_platform

Setzen Sie diese auf true, um den Zugriff auf Webseiten zu beschränken, die sich selbst als erwachsen identifizieren, indem sie ein <meta name="rating"> Element enthalten, nur wenn geeignete Kindersicherungen auf dem zugrunde liegenden Betriebssystem eingestellt sind (zum Beispiel wenn die macOS Inhalt & Privatsphäre Einstellungen auf Einschränkung expliziter Webinhalte eingestellt sind).

Berechtigungspolitik / Funktionsrichtlinie

Die Berechtigungspolitik ermöglicht es Webentwicklern, die Nutzung bestimmter Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und das Verhalten zu ändern. Sie ähnelt CSP, kontrolliert jedoch Funktionen anstelle von Sicherheitsverhalten. Dies ist in Firefox als Funktionsrichtlinie implementiert, der Name, der in einer früheren Version der Spezifikation verwendet wurde.

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

dom.security.featurePolicy.header.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Datenschutzfreundliche Zuweisungs-API (PPA)

PPA-API bietet eine Alternative zur Benutzerverfolgung für Anzeigenzuweisungen mit dem neuen navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion(). 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

Setzen Sie diese auf true, um sie zu aktivieren.

HTTP

Integritätspolitik für Stylesheet-Ressourcen

Die Integrity-Policy und Integrity-Policy-Report-Only HTTP-Header werden nun für Stilressourcen unterstützt. Diese ermöglichen es Websites, entweder Integritätsgarantien für Subressourcen für Stile durchzusetzen oder nur Verstöße gegen die Richtlinie zu melden. Beachten Sie, dass Firefox Berichtserstattungsendpunkte ignoriert und Verstöße in die Entwicklerkonsole protokolliert. Wenn Integrity-Policy verwendet wird, blockiert der Browser das Laden von Stilen, die in einem <link> Element mit rel="stylesheet" referenziert werden, entweder ohne das integrity Attribut oder mit einem Integritätshash, der nicht mit der Ressource auf dem Server übereinstimmt. (Firefox-Bug 1976656).

security.integrity_policy.stylesheet.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Speicherzugriff-Header

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

Im JavaScript-only Workflow muss eine Drittanbieterressource angefordert und geladen werden, um eine Speicherzugriffsberechtigung für einen bestimmten Kontext (wie eine neue Browser-Registerkarte) zu aktivieren. Dies ist erforderlich, selbst wenn die Berechtigung bereits erteilt wurde. Die Speicherzugriff-Header ermöglichen es dem Browser, den Berechtigungszustand für den bestimmten Kontext zu kommunizieren, damit der Server die Aktivierung einer bereits erteilten Berechtigung anfordern kann. Dies vermeidet den Overhead der unnötigen Anforderung und des Ladens der Ressource.

dom.storage_access.headers.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Idempotency-Key

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

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

(Firefox-Bug 1830022).

network.http.idempotencyKey.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Accept Header mit MIME-Typ image/jxl

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

image.jxl.enabled

Setzen Sie diese auf true, um sie zu aktivieren.

Standardmäßig SameSite=Lax

SameSite Cookies haben einen Standardwert von Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht jedoch für übergreifende Unteranforderungen, um Bilder oder Frames auf einer Drittanbieter-Site zu laden usw. Für weitere Details siehe Firefox-Bug 1617609.

network.cookie.sameSite.laxByDefault

Setzen Sie diese auf true, um sie zu aktivieren.

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

Die Access-Control-Allow-Headers ist eine Antwort auf ein CORS-Preflight-Anforderung, die angibt, welche Anforderungs-Header in der endgültigen Anforderung enthalten sein können. Die Antwortdirektive kann ein Wildcard (*) enthalten, das bedeutet, dass die endgültige Anfrage alle Header außer dem Authorization Header enthalten kann.

Standardmäßig schließt Firefox den Authorization Header in die endgültige Anfrage ein, nachdem eine Antwort mit Access-Control-Allow-Headers: * empfangen wurde. Setzen Sie die Präferenz auf false, um sicherzustellen, dass Firefox den Authorization Header nicht einschließt. Für weitere Details siehe Firefox-Bug 1687364.

network.cors_preflight.authorization_covered_by_wildcard

Setzen Sie diese auf true, um sie 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 auf Beta und Release gehen. Die unten aufgeführten Funktionen sind der aktuelle Bestand an experimentellen Entwicklerwerkzeug-Funktionen.

Keine experimentellen Funktionen in diesem Release-Zyklus.

Siehe auch

• Firefox Entwickler-Versionshinweise
• Firefox Nightly
• Firefox Developer Edition