Firefox 125 Versionshinweise für Entwickler

Änderungen für Webentwickler

HTML

Keine bemerkenswerten Änderungen.

CSS

• Die align-content-Eigenschaft wurde aktualisiert, um mit display: block; Layouts zu funktionieren. Dadurch werden alle Layoutpositionen von flex und grid auf block übertragen, was Entwicklern ermöglicht, Blockelemente ohne Umwandlung ihres Containers in einen flex oder grid Container auszurichten. (Firefox Fehler 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 Stroke-Umrandungsbox, die die Form eines SVGs enthält (Firefox Fehler 1868374).
• Der Wert auto der content-visibility CSS-Eigenschaft ist nun standardmäßig aktiviert. Dadurch kann die Darstellung von Inhalten übersprungen werden, wenn diese nicht für den Benutzer relevant sind. (Firefox Fehler 1874874).

JavaScript

• Intl.Segmenter wird jetzt unterstützt und ermöglicht Entwicklern die sprachabhängige Textsegmentierung eines Strings. 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 Strings auch in Grapheme oder Sätze aufteilen. (Firefox Fehler 1423593, Firefox Fehler 1883914.)

APIs

• Die Popover API wird jetzt vollständig unterstützt und ermöglicht die Erstellung von Top-Level-„Popover“-UI-Elementen, die für Aktionsmenüs, benutzerdefinierte „Toast“-Benachrichtigungen, Formularelementvorschläge, Inhaltspicker und dergleichen verwendet werden könnten. Das Popover und sein auslösendes Button/Input können entweder mittels HTML-Attribute 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, hidePopover(), showPopover(), und togglePopover() Methoden, und beforetoggle und toggle_event Ereignisse (vom Typ ToggleEvent).

  Die folgenden CSS-Pseudoklasse und -Elemente 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 Fehler 1823757, Firefox Fehler 1866993).

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

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

• Unterstützung hinzugefügt, um Webanwendungen ein sanftes Wiederherstellen zu ermöglichen, 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 Fehler 1887729). Nachfolgend einige zusätzliche Details zu den Ereignissen für verlorene und wiederhergestellte Canvas-Kontexte:

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

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

• Die readText() Methode der Clipboard Schnittstelle wird jetzt unterstützt, um Text asynchron aus der Systemzwischenablage zu lesen. Beim Lesen von Zwischenablagedaten, die nicht von derselben Ursprungsseite bereitgestellt werden, erscheint ein Einfügekontextmenü zur Bestätigung durch den Benutzer. (Firefox Fehler 1877400).

Medien, WebRTC und Web Audio

• Der AV1 Codec wird jetzt für Encrypted Media Extensions unterstützt und ermöglicht eine qualitativ hochwertigere Wiedergabe von Videostreaming-Anbietern. (Firefox Fehler 1601817).

Entfernungen

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

WebAssembly

• Die Unterstützung wurde für Wasm-Module hinzugefügt, um mehrere unabhängige lineare Speicher zu verwenden. Mehrere Speicher ermöglichen eine effizientere Interoperabilität zwischen Modulen und bessere Polyfills für kommende Wasm-Standards. Sie können beispielsweise verwendet werden, um separaten Speicher für interne und geteilte 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 Speicherbefehle verwenden den Index, um den Speicher zu referenzieren, mit dem sie arbeiten, und beziehen sich standardmäßig auf den ersten definierten Speicher, wenn kein Index angegeben ist. Für weitere Informationen siehe WebAssembly Memory im Dokument Understanding WebAssembly text format. (Firefox Fehler 1860816).

WebDriver-Konformität (WebDriver BiDi, Marionette)

Allgemein

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

WebDriver BiDi

• Unterstützung für den input.setFiles-Befehl hinzugefügt, der es ermöglicht, Dateien für <input> Elemente mit type="file" zu setzen oder zu aktualisieren (Firefox Fehler 1855040).
• Unterstützung für den storage.deleteCookies-Befehl hinzugefügt, um Cookies zu löschen (Firefox Fehler 1854581).
• Unterstützung für "userContext" als Feld des "partition"-Arguments für Cookie-Befehle hinzugefügt (Firefox Fehler 1875255).
• Ein Problem behoben, bei dem storage.getCookies nicht alle erwarteten Cookies für einen gegebenen "sourceOrigin" abrufen würde (Firefox Fehler 1884647).
• Ein Problem behoben, bei dem empfohlene Präferenzen nicht angewendet wurden, wenn nur WebDriver BiDi als Remote-Protokoll, was bedeutet, dass CDP deaktiviert ist, aktiviert war (Firefox Fehler 1882748).
• Ein Problem behoben, bei dem das Erstellen und Wechseln zu einem neuen Tab nicht auf die Aktualisierung des visibilityState wartete (Firefox Fehler 1877469).

Änderungen für Add-on-Entwickler

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

Experimentelle Web-Features

Diese Features sind in Firefox 125 verfügbar, jedoch nur in Entwickler-Releases oder hinter einer Präferenz. Um diese auszuprobieren, können Sie die entsprechende Präferenz auf der about:config Seite suchen, um zu sehen, ob sie aktiviert oder deaktiviert sind. Um mehr über diese Features zu erfahren, siehe die Seite Experimentelle Features.

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

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

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

  Die <h1>-Überschrift wird jetzt nicht mehr in der Schriftgröße verkleinert, wenn sie innerhalb von Strukturelementen <article>, <aside>, <nav>, und <section> eingebettet ist. Die UA-Stile für <h1> innerhalb von Strukturelementen sind nicht mehr relevant, da der Outline-Algorithmus aus der HTML-Spezifikation entfernt wurde. (Firefox Fehler 1883896).

  Hinweis: Die Präferenz für dieses Feature funktioniert umgekehrt: Sie ist auf false im Nightly-Build gesetzt, was die UA-Stilgebung für Überschriften entfernt, die in Strukturelementen eingebettet sind. In allen anderen Kanälen ist sie auf true gesetzt, was die bestehende UA-Stilgebung für die eingebetteten Überschriften beibehält.