Firefox 125 Versionshinweise für Entwickler

Änderungen für Webentwickler

HTML

Keine bemerkenswerten Änderungen.

CSS

• Die align-content Eigenschaft wurde aktualisiert, um auch mit display: block; Layouts zu funktionieren. Dies bringt alle Layout-Positionen von flex und grid zu block und ermöglicht Entwicklern, Block-Elemente auszurichten, ohne deren Container in einen flex oder grid Container umzuwandeln. (Firefox Bug 1882853).
• Die CSS-Eigenschaft transform-box unterstützt jetzt die Werte content-box und stroke-box. Für die Referenzbox verwendet der Wert content-box die Inhaltsbox und der Wert stroke-box verwendet die Umrandungsbox des Strichs, die die Form eines SVG enthält (Firefox Bug 1868374).
• Der content-visibility Wert auto der content-visibility CSS-Eigenschaft ist jetzt standardmäßig aktiviert. Dies ermöglicht es, dass Inhalte nicht gerendert werden, wenn sie für den Benutzer nicht relevant sind. (Firefox Bug 1874874).

JavaScript

• Intl.Segmenter wird jetzt unterstützt und ermöglicht es Entwicklern, eine lokalsensitive Textsegmentierung einer Zeichenkette durchzuführen. Dies ermöglicht beispielsweise das Aufteilen einer Zeichenkette in Wörter in Sprachen, die keine Leerzeichen zur Trennung verwenden: Intl.Segmenter("ja-JP", { granularity: "word" }). Sie können auch Zeichenketten in Grapheme oder Sätze aufteilen. (Firefox Bug 1423593, Firefox Bug 1883914.)

APIs

• Die Popover API wird jetzt vollständig unterstützt und ermöglicht die Erstellung von "Popover"-UI-Elemente auf oberster Ebene, die für Aktionsmenüs, benutzerdefinierte "Toast"-Benachrichtigungen, Vorschläge für Formularelemente, Inhaltspicker usw. verwendet werden können. Der Popover und der auslösende Button/Eingabefeld können entweder über HTML-Attribute oder JavaScript erstellt und mithilfe von CSS gestaltet werden.

  Die folgenden Web-APIs sind implementiert:

  • HTMLButtonElement Eigenschaften popoverTargetElement und popoverTargetAction.
  • HTMLInputElement Eigenschaften popoverTargetElement und popoverTargetAction.
  • HTMLElement Eigenschaften popover, hidePopover(), showPopover() und togglePopover() Methoden, sowie beforetoggle und toggle_event Ereignisse (vom Typ ToggleEvent).

  Die folgenden CSS-Pseudoklasse und -Element werden jetzt für die Verwendung mit Popovers unterstützt:

  • :popover-open
  • ::backdrop wurde erweitert, um Popovers zu unterstützen

  Die folgenden globalen HTML-Attribute werden unterstützt:

  • popovertarget
  • popovertargetaction

  (Firefox Bug 1823757, Firefox Bug 1866993).

• Die Eigenschaften state und gatheringState des RTCIceTransport sowie ihre zugehörigen Ereignisse statechange und gatheringstatechange werden jetzt unterstützt, zusammen mit der Eigenschaft RTCDtlsTransport.iceTransport (die das zugrunde liegende RTCIceTransport für ein RTCDtlsTransport zurückgibt). Diese ermöglichen eine viel detailliertere Überwachung als die Eigenschaften iceGatheringState und connectionState von RTCPeerConnection. (Firefox Bug 1811912)

• Element.ariaBrailleLabel und Element.ariaBrailleRoleDescription werden jetzt unterstützt und spiegeln die globalen ARIA-HTML-Attribute aria-braillelabel und aria-brailleroledescription wider. (Firefox Bug 1861201).

• Unterstützung wurde hinzugefügt, um Webanwendungen zu ermöglichen, sich nahtlos zu erholen, wenn ein Canvas vorübergehend seinen 2D-Kontext verliert, was passieren könnte, wenn das Canvas hardwarebeschleunigt auf einer GPU läuft und sein Treiber abstürzt (Firefox Bug 1887729). Hier sind einige zusätzliche Details zu den Ereignissen für verlorene und wiederhergestellte Canvas-Kontexte:

  • Anwendungen können auf die Ereignisse contextlost und contextrestored überwachen, die auf HTMLCanvasElement ausgelöst werden, wenn der Kontext verloren geht bzw. wiederhergestellt wird, und können auch den Kontext mit CanvasRenderingContext2D.isContextLost() überprüfen.
  • Nachdem contextlost ausgelöst wurde, versucht ein Browser standardmäßig, den verlorenen Kontext neu zu starten, aber der Code kann dies verhindern, indem das Ereignis abgebrochen wird.
  • Abseits vonSchirm-Canvas kann auf die gleiche Weise überwacht werden, jedoch mit den OffScreenCanvas Ereignissen contextlost und contextrestored, zusammen mit OffscreenCanvasRenderingContext2D.isContextLost().

• Unterstützung wurde hinzugefügt für das shadowrootclonable Attribut des <template> Elements und die shadowRootClonable Eigenschaft der HTMLTemplateElement Schnittstelle, die es widerspiegelt. Diese setzen die clonable Eigenschaft eines ShadowRoot, das mithilfe des <template> Elements deklarativ erstellt wurde. (Firefox Bug 1880188).

• Die Methode readText() der Clipboard Schnittstelle wird jetzt unterstützt, um Text asynchron von der Systemzwischenablage zu lesen. Beim Lesen von Zwischenablagedaten, die nicht von der Seite mit der gleichen Herkunft bereitgestellt werden, wird ein Einfügen-Kontextmenü angezeigt, damit der Benutzer dies bestätigen kann. (Firefox Bug 1877400).

Medien, WebRTC und Web Audio

• Der AV1 Codec wird jetzt für Encrypted Media Extensions unterstützt, was eine hochwertigere Wiedergabe von Video-Streaming-Anbietern ermöglicht. (Firefox Bug 1601817).

Entfernungen

• Die SVGAElement.text Eigenschaft wurde entfernt. Die textContent Eigenschaft (geerbt von Node) wird breit unterstützt und sollte stattdessen verwendet werden. (Firefox Bug 1880689).

WebAssembly

• Unterstützung wurde hinzugefügt, damit Wasm-Module mehrere unabhängige lineare Speicher verwenden können. Mehrere Speicher ermöglichen effizientere Interoperabilität zwischen Modulen und bessere Polyfills für kommende Wasm-Standards. Sie können zum Beispiel verwendet werden, um getrennte Speicher für interne und gemeinsame Daten, flüchtige und persistente Daten oder Daten, die zwischen Threads geteilt werden müssen, zu erstellen. Der Speicher kann in JavaScript erstellt und in das Wasm-Modul importiert oder im Wasm-Modul erstellt und exportiert werden. Jeder neue lineare Speicher in einer Wasm-Instanz erhält einen sequentiellen Index, der bei Null beginnt. WebAssembly Speicheranweisungen verwenden den Index, um den Speicher zu referenzieren, auf dem sie arbeiten, wobei standardmäßig der erste definierte Speicher verwendet wird, wenn kein Index angegeben ist. Weitere Informationen finden Sie unter WebAssembly-Memory in Understanding WebAssembly text format. (Firefox Bug 1860816).

WebDriver Konformität (WebDriver BiDi, Marionette)

Allgemein

• Unterstützung für die "userAgent" Fähigkeit wurde hinzugefügt, welche den Standard-User-Agent-Wert des Endpunktknotens identifiziert (Firefox Bug 1885495).

WebDriver BiDi

• Unterstützung für den input.setFiles Befehl wurde hinzugefügt, der es ermöglicht, die Dateien für <input> Elemente mit type="file" zu setzen oder zu aktualisieren (Firefox Bug 1855040).
• Unterstützung für den storage.deleteCookies Befehl, um Cookies zu löschen, wurde hinzugefügt (Firefox Bug 1854581).
• Unterstützung wurde für "userContext" als ein Feld des "partition" Arguments für Cookie-Befehle hinzugefügt (Firefox Bug 1875255).
• Ein Problem wurde behoben, bei dem storage.getCookies nicht alle erwarteten Cookies für eine gegebene "sourceOrigin" abrufen würde (Firefox Bug 1884647).
• Ein Problem wurde behoben, bei dem empfohlene Einstellungen nicht angewendet würden, wenn nur WebDriver BiDi als Fernprotokoll, das heißt CDP deaktiviert ist, aktiviert war (Firefox Bug 1882748).
• Ein Problem wurde behoben, bei dem das Erstellen und Wechseln zu einem neuen Tab nicht auf die Aktualisierung des visibilityState warten würde (Firefox Bug 1877469).

Änderungen für Add-on Entwickler

• Der Inhalt der proxy.ProxyInfo Eigenschaft proxyAuthorization wird jetzt an den Proxy-Authorization Anforderungsheader gesendet, der an HTTP-Proxies gesendet wird (zusätzlich zur bestehenden Unterstützung für HTTPS-Proxies) als Teil einer CONNECT Anfrage (Firefox Bug 1794464).

Experimentelle Web-Features

Diese Funktionen sind in Firefox 125 verfügbar, aber nur in Entwickler-Versionen oder hinter einer Präferenz. Um diese auszuprobieren, können Sie die zugehörige Präferenz auf der about:config Seite suchen, um zu sehen, ob sie aktiviert oder deaktiviert sind. Weitere Informationen zu diesen Funktionen finden Sie auf der Experimentelle Funktionen Seite.

• CSS transition-behavior: layout.css.transition-behavior.enabled.

  Die transition-behavior Eigenschaft ist standardmäßig in der Nightly-Version aktiviert. Autoren können diese Eigenschaft verwenden, um zu steuern, ob CSS-Übergänge auf Eigenschaften mit einem diskreten Animationstyp angewendet werden sollen (Firefox Bug 1882408, Firefox Bug 1805727).

• UA-Stile für <h1> innerhalb von Abschnittselementen: layout.css.h1-in-section-ua-styles.enabled.

  Die <h1>-Überschrift verringert ihre Schriftgröße jetzt nicht mehr, wenn sie innerhalb von Abschnittselementen wie <article>, <aside>, <nav>, und <section> verschachtelt ist. Die UA-Stile für <h1> innerhalb von Abschnittselementen sind nicht mehr relevant, da der Outline-Algorithmus aus der HTML-Spezifikation entfernt wurde. (Firefox Bug 1883896).

  Hinweis: Die Präferenz für diese Funktion funktioniert umgekehrt: Sie ist in der Nightly-Version auf false gesetzt, wodurch das UA-Styling für innerhalb von Abschnittselementen verschachtelte Überschriften entfernt wird. In allen anderen Kanälen ist sie auf true gesetzt, wodurch das bestehende UA-Styling für die verschachtelten Überschriften erhalten bleibt.