Experimentelle Funktionen in Firefox

Das HTML-Attribut autocorrect (und die entsprechende HTMLElement.autocorrect Eigenschaft) ermöglichen die Autokorrektur in editierbaren Textelementen, einschließlich der meisten Arten von input-<input>-Elementen, textarea-<textarea>-Elementen und Elemente mit dem contenteditable Attribut (Firefox bug 1725806).

Das Layout für input type="search" wurde aktualisiert. Dies bewirkt, dass ein Suchfeld ein Löschen-Symbol hat, sobald jemand mit dem Tippen beginnt, um die Implementierungen anderer Browser anzupassen. (Siehe Firefox bug 558594 für weitere Details.)

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

Der plaintext-only Wert des globalen Attributs contenteditable zeigt an, dass das Element bearbeitbar ist; Formatierungen von reichhaltigem Text sind deaktiviert und jede Formatierung in eingefügtem Text wird automatisch entfernt. (Siehe Firefox bug 1922723 für weitere Details.)

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

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

Die fit-content() Funktion, wie sie auf width und andere Größenbestimmungseigenschaften angewendet wird. Diese Funktion wird bereits gut für die Größenbestimmung von CSS Grid Layout-Spuren unterstützt. (Siehe Firefox bug 1312588 für weitere Details.)

Früher als "scroll-gebundene Animationen" bezeichnet, hängt eine scroll-gesteuerte Animation von der Scrollposition eines Scrollbalkens anstelle von Zeit oder einer anderen Dimension ab. Die scroll-timeline-name und scroll-timeline-axis Eigenschaften (und die scroll-timeline Kurzform-Eigenschaft) ermöglichen es Ihnen anzugeben, dass ein bestimmter Scrollbalken in einem bestimmten benannten Container als Quelle für eine scroll-gesteuerte Animation verwendet werden kann. Die Scroll-Timeline kann dann mit einer Animation verbunden werden, indem die animation-timeline Eigenschaft auf den mit scroll-timeline-name definierten Namenwert gesetzt wird.

Beim Verwenden der scroll-timeline Kurzform-Eigenschaft muss die Reihenfolge der Eigenschaftswerte scroll-timeline-name gefolgt von scroll-timeline-axis sein. Sowohl die Langform- als auch die Kurzform-Eigenschaften sind hinter der Einstellung verfügbar.

Alternativ können Sie die scroll() funktionale Notation mit animation-timeline verwenden, um anzugeben, dass eine Scrollbalkenachse in einem Vorfahrenelement 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 und Firefox bug 1737918.

Die @scope CSS At-Regel erlaubt es Ihnen, spezifische Kindelemente auszuwählen, ohne die Spezifität von CSS-Selektoren übermäßig erhöhen zu müssen (Firefox bug 1886441).

Die CSS-Eigenschaft font-variant-emoji erlaubt es Ihnen, einen Standarddarstellungsstil zum Anzeigen von Emojis festzulegen. Siehe (Firefox bug 1461589) für weitere Details.

Das CSS-Medienfeature prefers-reduced-transparency ermöglicht es Ihnen zu erkennen, ob ein Benutzer die Einstellung aktiviert hat, die Menge der transparenten oder transluzenten Layereffekte auf seinem Gerät zu minimieren. Siehe (Firefox bug 1736914) für weitere Details.

Das CSS-Medienfeature inverted-colors ermöglicht es Ihnen zu erkennen, ob ein Benutzeragent oder das zugrunde liegende Betriebssystem Farben invertiert. Siehe (Firefox bug 1794628) für weitere Details.

Die CSS-Eigenschaft view-timeline-name ermöglicht es, einem bestimmten Element einen Namen zu geben, der angibt, dass sein übergeordnetes Scrollelement die Quelle einer View-Progress-Timeline ist. Der Name kann dann der animation-timeline zugewiesen werden, die dann 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.

Die CSS-Funktion view() ermöglicht es Ihnen, anzugeben, dass die animation-timeline für ein Element eine View-Progress-Timeline ist, die das Element animiert, während es durch den sichtbaren Bereich seines übergeordneten Scrollelements bewegt wird. Die Funktion definiert die Achse des Elternelements, das die Timeline liefert, zusammen mit dem Einsatz innerhalb des sichtbaren Bereichs, bei dem die Animation beginnt und endet. Siehe (Firefox bug 1808410) für weitere Details.

Die -moz- präfixierten CSS transform Eigenschaften können durch Setzen der layout.css.prefixes.transforms Einstellung auf false deaktiviert werden. Das Ziel ist, diese zu deaktivieren, sobald die standardmäßigen CSS-Zoom-Eigenschaften gut unterstützt werden. (Firefox bug 1886134, Firefox bug 1855763).

Speziell wird diese Einstellung die folgenden präfixierten Eigenschaften deaktivieren:

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

Das <h1> Überschriftselement wird nicht mehr in der Schriftgröße reduziert, wenn es innerhalb von Gliederungselementen <article>, <aside>, <nav>, und <section> verschachtelt ist. Die UA-Stile für <h1> verschachtelt innerhalb von Gliederungselementen sind nicht mehr relevant, da der Gliederungsalgorithmus aus der HTML-Spezifikation entfernt wurde. (Firefox bug 1883896).

Die CSS-Funktion shape() ist ein <basic-shape> Datentyp, der es Ihnen ermöglicht, eine Form in den clip-path und offset-path Eigenschaften unter Verwendung von einem oder mehreren "Formbefehlen" zu definieren. Diese Befehle ähneln sehr den SVG-Pfad-Befehlen. Die shape() Funktion ist in gewisser Hinsicht der path() Funktion ähnlich, aber im Gegensatz zu path(), das die SVG-Pfad Syntax verwendet, verwendet shape() die Standard-CSS-Syntax. Dies ermöglicht es Ihnen, Formen einfach zu erstellen und zu bearbeiten, und es erlaubt auch die Verwendung von CSS-Mathematikfunktionen. Für mehr Details, siehe Firefox bug 1823463 für die shape() Funktion Unterstützung in clip-path, Firefox bug 1884424 für die Unterstützung der Funktion in offset-path, und Firefox bug 1884425 für ihre Interpoliationsunterstützung.

Die CSS-Eigenschaft letter-spacing teilt nun den angegebenen Buchstabenabstand gleichmäßig auf beiden Seiten jedes Zeichens auf. Dies ist anders als das aktuelle Verhalten, bei dem der Abstand hauptsächlich zu einer Seite hinzugefügt wird. Dieser Ansatz kann den Textabstand verbessern, insbesondere bei gemischtrichtungsweisendem Text Firefox bug 1891446.

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

Das Modul CSS Anker-Positionierung definiert eine Reihe von Funktionen, die es erlauben, Elemente als Ankerelemente festzulegen und andere Elemente relativ zu diesen Ankerelementen zu positionieren. Dies ermöglicht es beispielsweise, Tooltips neben dem zugehörigen Inhalt anzuzeigen, während dieser durch das Viewport scrollt, um bei Bedarf zu bewegen, wenn er den Viewport überfließen würde, und zu verschwinden, wenn das Ankerelement aus dem Bildschirm verschwindet. Das Set von Funktionen wird schrittweise hinter einer Präferenz bereitgestellt (Firefox bug 1838746).

Die Teile, die implementiert wurden, umfassen:

• CSSPositionTryRule und CSSPositionTryDescriptors (Firefox 131).

Die :has-slotted Pseudoklasse wird verwendet, um Elemente in <template> zu stylen, die beim Rendern einer Webkomponente Inhalt zu einem <slot> Element hinzugefügt haben (Firefox bug 1921747).

Keine.

Intl.DurationFormat ermöglicht eine lokalisierungssensitive Formatierung von Zeitdauern. (Firefox bug 1648139).

Die Cookie Store API ist eine moderne, auf Promise-basierende Methode zur Verwaltung von Cookies, die den Event-Loop nicht blockiert und nicht auf Document angewiesen ist (sie kann daher auch für Service Worker verfügbar gemacht werden). Ein Teil der Cookie Store API wurde implementiert (Firefox Bug 1800882). Dazu gehören:

• Das CookieStore-Interface, außer dass partitioned nicht in den Rückgabewerten enthalten ist.
• Das CookieChangeEvent-Interface, ohne partitioned-Eigenschaften.
• Die Window.cookieStore-Eigenschaft.
• Die ServiceWorkerGlobalScope.cookieStore-Eigenschaft.

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

Die Trusted Types API bietet Mechanismen, um sicherzustellen, dass Funktionen, die potenziell als Vektoren für XSS-Angriffe genutzt werden können, nur mit Daten aufgerufen werden können, die validiert oder bereinigt wurden.

Dieser Teil der API wurde implementiert:

• TrustedTypePolicyFactory:
  • getAttributeType() und getPropertyType() (Firefox Bug 1917783, Firefox Bug 1917784).

WebGL: Entwurfs-Erweiterungen

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

WebGPU API

Die WebGPU API bietet geringe Unterstützung für Berechnungen und Grafikwiedergaben mit der Graphics Processing Unit (GPU) des Geräts oder Computers des Benutzers. Sehen Sie Firefox Bug 1602129 für unseren Fortschritt bei dieser API.

Die Reporting API hat jetzt Unterstützung für das Melden von Content Security Policy (CSP)-Verstößen.

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

CSP-Verstoßberichterstattungen können auch an entfernte Endpunkte gesendet werden, die im CSP-Direktiv report-to namentlich angegeben sind — Endpunktsnamen und entsprechende URLs müssen zuerst in den HTTP-Antwortheadern Reporting-Endpoints oder Report-To 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 zum Senden von Verstoßberichten, der das CSP-Direktiv report-uri verwendet, um die URL des Meldeendpunkts festzulegen, und ein CSP-spezifisches JSON-Verstoßberichtformat hat. (Firefox Bug 1391243).

Die folgenden experimentellen Funktionen umfassen die in der WebRTC API, der Web Audio API, der Media Source Extensions API, der Encrypted Media Extensions API, und der Media Capture and Streams API zu findenden.

Asynchrones Hinzufügen und Entfernen von SourceBuffer

Dies fügt die auf Promise-basierenden Methoden appendBufferAsync() und removeAsync() für das Hinzufügen und Entfernen von Mediendatenquellenpuffern zur SourceBuffer-Schnittstelle hinzu. Weitere Informationen finden Sie in Firefox Bug 1280613 und Firefox Bug 778617.

AVIF Compliance-Stringenz

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

Erlaubte Werte sind:

• 0: Akzeptiert Bilder mit Spezifikationsverstößen sowohl in Empfehlungen ("should"-Sprache) als auch Anforderungen ("shall"-Sprache), sofern sie sicher oder eindeutig interpretiert werden können.
• 1 (Standard): Verstößen gegen Anforderungen ablehnen, aber Verstöße gegen Empfehlungen zulassen.
• 2: Strikt. Alle Verstöße gegen Anforderungen oder Empfehlungen ablehnen.

JPEG XL Unterstützung

Firefox unterstützt JPEG XL-Bilder, wenn diese Funktion aktiviert ist. Weitere Details finden Sie in Firefox Bug 1539075.

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

Die CSS Custom Highlight API bietet einen Mechanismus zur Stilgestaltung von beliebigen Textbereichen in einem Dokument (verallgemeinert das Verhalten anderer Highlight-Pseudoelemente wie ::selection, ::spelling-error, ::grammar-error, und ::target-text). Die Bereiche werden in JavaScript mithilfe von Range-Instanzen definiert, die in einem Highlight gruppiert und dann mit einem Namen über HighlightRegistry registriert werden. Das CSS-Pseudoelement ::highlight wird verwendet, um Stil auf ein registriertes Highlight anzuwenden. Weitere Details finden Sie in Firefox Bug 1703961.

WebVR API (Deaktiviert)

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

Selektionen, die die Grenze des Shadow DOM überschreiten

Die Methode Selection.getComposedRanges() kann verwendet werden, um ein Array von StaticRange-Objekten zu erhalten, die den aktuellen ausgewählten Bereich oder Bereiche darstellen. Im Gegensatz zu Selection.getRangeAt() kann diese Methode Bereiche mit Anker- oder Fokus-Knoten innerhalb eines Shadow DOMs zurückgeben, jedoch nur, wenn ihr die ShadowRoot-Objekte übergeben werden, die diese Knoten enthalten. Andernfalls wird ein Bereich zurückgegeben, der auf den Host-Knoten des Shadow Root umgeschrieben wurde, der den Knoten enthält. Die Selection-Methoden setBaseAndExtent(), collapse(), und extend() wurden ebenfalls so geändert, dass sie Knoten innerhalb eines Shadow Roots akzeptieren.

Benutzerauswahl über Maus, Tastatur usw. kann überall im Dokument beginnen und enden, auch innerhalb offener oder geschlossener Shadow Trees. (Firefox Bug 1867058).

Eigenschaften von HTMLMediaElement: audioTracks und videoTracks

Das Aktivieren dieser Funktion fügt allen HTML-Medienelementen die Eigenschaften HTMLMediaElement.audioTracks und HTMLMediaElement.videoTracks 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, daher sind sie standardmäßig beide deaktiviert. Einzelheiten finden Sie in Firefox Bug 1057233.

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

Die GeometryUtils-Methoden convertPointFromNode(), convertRectFromNode(), und convertQuadFromNode() konvertieren den angegebenen Punkt, das Rechteck oder das Viereck vom Node, auf dem sie aufgerufen werden, in einen anderen Knoten. (Weitere Details finden Sie in Firefox Bug 918189).

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 Details finden Sie in Firefox Bug 917755).

Primäre Zahlungsabwicklung

Die Payment Request API bietet Unterstützung für die Abwicklung von web-basierten Zahlungen innerhalb von Webinhalten oder Apps. Aufgrund eines Bugs, der während des Tests der Benutzeroberfläche auftrat, haben wir beschlossen, die Einführung dieser API zu verschieben, während über potenzielle Änderungen an der API diskutiert wird. Die Arbeiten laufen noch. (Weitere Details finden Sie in Firefox Bug 1318984).

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, jedoch hinter einer Präferenz auf dem Desktop (es sei denn, unten angegeben).

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 und durch die Pre-Lock-Anforderungen des Browsers erlaubt wird. Typischerweise ist das Sperren der Ausrichtung nur auf mobilen Geräten erlaubt, wenn das Dokument im Vollbildmodus angezeigt wird. Weitere Details finden Sie in Firefox Bug 1697647.

Die Priorisierte Task Scheduling API bietet eine standardisierte Möglichkeit, alle Aufgaben einer Anwendung zu priorisieren, egal ob sie im Code eines Website-Entwicklers, in Drittanbieter-Bibliotheken oder Frameworks definiert sind. (Firefox Bug 1734997)

Diese Funktion wurde in Firefox Nightly in Firefox 101 aktiviert. Die Unterstützung in Firefox Nightly 135 wurde vorübergehend deaktiviert, um Fehler in natürliche Verwendung zu vermeiden.

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

Um MitM-Angriffe, die durch Flash-Inhalte auf verschlüsselten Seiten verursacht werden, zu mildern, wurde eine Präferenz hinzugefügt, um OBJECT_SUBREQUESTs als aktive Inhalte zu behandeln. Siehe Firefox Bug 1190623 für mehr Details.

Die zwei Präferenzen security.insecure_connection_text_* fügen im Adressfeld neben dem traditionellen Schlosssymbol ein "Nicht sicher" Textlabel hinzu, wenn eine Seite unsicher geladen wird (das heißt, mithilfe von HTTP statt HTTPS). Die Präferenz browser.urlbar.trimHttps kürzt das https:-Präfix von Adressleisten-URLs. Weitere Details finden Sie in Firefox Bug 1853418.

Permissions Policy ermöglicht es Webentwicklern, bestimmte Funktionen und APIs im Browser selektiv zu aktivieren, zu deaktivieren und deren Verhalten zu ändern. Es ist vergleichbar mit CSP, steuert jedoch Funktionen statt Sicherheitsverhalten. Dies wird in Firefox als Feature Policy implementiert, dem Namen aus einer früheren Version der Spezifikation.

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

Die PPA API bietet eine Alternative zum Benutzertracking für Werbezuordnungen mit dem neuen navigator.privateAttribution Objekt mit den Methoden saveImpression() und measureConversion(). Lesen Sie mehr über PPA im Erklärer. Dieses Experiment kann für Websites über Origin-Trial oder im Browser durch Setzen der Präferenz auf 1 aktiviert werden. (Firefox Bug 1900929).

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

SameSite Cookies haben den Standardwert Lax. Mit dieser Einstellung werden Cookies nur gesendet, wenn ein Benutzer zur Ursprungsseite navigiert, nicht für standortübergreifende Subanfragen, um Bilder oder Frames auf eine Drittanbieter-Website zu laden usw. Weitere Details finden Sie in Firefox Bug 1617609.

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

Standardmäßig enthält Firefox den Authorization-Header in der endgültigen Anfrage, 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. Weitere Details finden Sie in Firefox Bug 1687364.

Mozillas Entwicklerwerkzeuge 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 wir sie in die Beta- und Release-Versionen gehen lassen. Die unten stehenden Funktionen sind die aktuellen experimentellen Funktionen der Entwicklerwerkzeuge.

• Firefox Entwicklerveröffentlichungshinweise
• Firefox Nightly
• Firefox Developer Edition