Firefox 125 für Entwickler

Keine bemerkenswerten Änderungen.

• Die Eigenschaft align-content wurde aktualisiert, um mit display: block; Layouts zu arbeiten. Dies bringt alle Layoutpositionen von flex und grid zu block und ermöglicht es Entwicklern, Block-Elemente auszurichten, ohne ihren 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 Strichbegrenzungsbox, die die Form eines SVGs enthält (Firefox Bug 1868374).
• Der CSS-Eigenschaftswert content-visibility auto ist jetzt standardmäßig aktiviert. Dies ermöglicht es, Inhalte vom Rendering auszuschließen, wenn sie für die Nutzer nicht relevant sind. (Firefox Bug 1874874).

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

• Die Popover-API wird jetzt vollständig unterstützt und ermöglicht die Erstellung von obersten "Popover"-UI-Elementen, die für Aktionsmenüs, benutzerdefinierte "Toast"-Benachrichtigungen, Formularelementvorschläge, Inhaltsauswahlen usw. verwendet werden könnten. Der Popover und sein auslösendes Button/Input-Element können entweder mit HTML-Attributen oder JavaScript erstellt und mit CSS gestaltet werden.

  Die folgenden Web-APIs sind implementiert:

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

  Die folgende CSS-Pseudoklasse und das Element werden jetzt zur 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 von RTCIceTransport und deren zugehörige Ereignisse statechange und gatheringstatechange werden jetzt unterstützt, zusammen mit der Eigenschaft RTCDtlsTransport.iceTransport (die das zugrundeliegende RTCIceTransport für ein RTCDtlsTransport zurückgibt). Diese erlauben eine viel feinere Ü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 hinzugefügt, um Webanwendungen die Möglichkeit zu geben, sich anmutig zu erholen, wenn ein Canvas seinen 2D-Kontext vorübergehend verliert, was passieren kann, 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 hören, die auf einem HTMLCanvasElement ausgelöst werden, wenn der Kontext verloren geht bzw. wiederhergestellt wird, und können auch den Kontext mit CanvasRenderingContext2D.isContextLost() prüfen.
  • Nach der Emission von contextlost wird ein Browser versuchen, den verlorenen Kontext standardmäßig neu zu starten, aber der Code kann dies verhindern, indem er das Ereignis abbricht.
  • Offscreen-Canvas können auf die gleiche Weise überwacht werden, jedoch mithilfe der Ereignisse contextlost und contextrestored des OffScreenCanvas sowie von OffscreenCanvasRenderingContext2D.isContextLost().

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

• Die Methode readText() der Clipboard Schnittstelle wird jetzt unterstützt, um Text asynchron aus der System-Zwischenablage zu lesen. Beim Lesen von Zwischenablagedaten, die nicht von derselben Ursprungsseite bereitgestellt wurden, erscheint ein Einfüge-Kontextmenü, damit der Nutzer 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 Eigenschaft SVGAElement.text wurde entfernt. Die Eigenschaft textContent (geerbt von Node) wird weitgehend unterstützt und sollte stattdessen verwendet werden. (Firefox Bug 1880689).

• Unterstützung wurde hinzugefügt, um es Wasm-Modulen zu ermöglichen, mehrere unabhängige lineare Speicher zu verwenden. Mehrfachspeicher ermöglichen effizientere Interoperabilität zwischen Modulen und bessere Polyfills für kommende Wasm-Standards. Sie können z.B. verwendet werden, um separate 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, beginnend bei null. WebAssembly Speicheranweisungen verwenden den Index, um den Speicher zu referenzieren, auf dem sie arbeiten, und standardmäßig den ersten definierten Speicher, wenn kein Index angegeben ist. Für weitere Informationen siehe WebAssembly-Speicher in Understanding WebAssembly text format. (Firefox Bug 1860816).

Allgemein

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

WebDriver BiDi

• Unterstützung für den input.setFiles-Befehl 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 hinzugefügt, um Cookies zu löschen (Firefox Bug 1854581).
• Unterstützung für "userContext" als ein Feld des "partition"-Arguments für Cookie-Befehle hinzugefügt (Firefox Bug 1875255).
• Ein Problem behoben, bei dem storage.getCookies nicht alle erwarteten Cookies für einen gegebenen "sourceOrigin" abrufen konnte (Firefox Bug 1884647).
• Ein Problem behoben, bei dem die empfohlenen Einstellungen nicht angewendet wurden, wenn nur WebDriver BiDi als entferntes Protokoll, was bedeutet, dass CDP deaktiviert war, aktiviert war (Firefox Bug 1882748).
• Ein Problem behoben, bei dem das Erstellen und Wechseln zu einem neuen Tab nicht auf die Aktualisierung des visibilityState wartete (Firefox Bug 1877469).

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

Diese Features sind in Firefox 125 enthalten, jedoch nur in Entwickler-Versionen oder hinter einer Einstellung. Um diese auszuprobieren, können Sie nach der entsprechenden Einstellung auf der about:config Seite suchen, um zu sehen, ob sie aktiviert oder deaktiviert sind. Weitere Informationen zu diesen Funktionen finden Sie auf der Seite Experimentelle Funktionen.

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

  Die Eigenschaft transition-behavior 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> eingebettet in gliedernde Elemente: layout.css.h1-in-section-ua-styles.enabled.

  Die <h1>-Überschrift wird jetzt nicht mehr verkleinert, wenn sie innerhalb von gliedernden Elementen <article>, <aside>, <nav> und <section> eingebettet ist. Die UA-Stile für <h1>, die innerhalb gliedernder Elemente eingebettet sind, sind nicht mehr relevant, da der Umrissalgorithmus aus der HTML-Spezifikation entfernt wurde. (Firefox Bug 1883896).

  Hinweis: Die Einstellung für diese Funktion funktioniert umgekehrt: sie ist in der Nightly-Version auf false gesetzt, wodurch das UA-Styling für Überschriften, die in gliedernde Elemente eingebettet sind, entfernt wird. In allen anderen Kanälen ist sie auf true gesetzt, was das bestehende UA-Styling für die eingebetteten Überschriften beibehält.