Firefox 125 für Entwickler

Keine bemerkenswerten Änderungen.

• Die align-content-Eigenschaft wurde aktualisiert, um mit display: block;-Layouts zu funktionieren. Dadurch werden alle Layout-Positionen von flex und grid zu block gebracht, sodass Entwickler Blockelemente ausrichten können, 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 den content box und der Wert stroke-box verwendet die Schlagbegrenzungsbox, die die Form eines SVG enthält (Firefox-Bug 1868374).
• Der CSS-Eigenschaftswert content-visibility auto ist jetzt standardmäßig aktiviert. Dies ermöglicht es, dass Inhalte das Rendering überspringen, wenn sie für den Benutzer nicht relevant sind. (Firefox-Bug 1874874).

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

• Die Popover-API wird jetzt vollständig unterstützt, sodass UI-Elemente der obersten Ebene, „Popover“, erstellt werden können, die für Aktionsmenüs, benutzerdefinierte „Toast“-Benachrichtigungen, Vorschläge für Formularelemente, Inhaltsauswähler usw. verwendet werden können. Das Popover und sein auslösendes Button-/Eingabe-Element können entweder mit HTML-Attributen oder JavaScript erstellt und mit CSS gestaltet werden.

  Die folgenden Web-APIs wurden 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 folgenden CSS-Pseudoklasse und -Element werden jetzt für 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 RTCIceTransport-Eigenschaften state und gatheringState und deren zugehörige 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 erlauben eine viel feinere Überwachung als die RTCPeerConnection-Eigenschaften iceGatheringState und connectionState. (Firefox-Bug 1811912)

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

• Unterstützung hinzugefügt, um Webanwendungen zu erlauben, sich reibungslos zu erholen, wenn ein Canvas vorübergehend seinen 2D-Kontext 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 contextlost und contextrestored Ereignisse achten, die auf einem HTMLCanvasElement ausgelöst werden, wenn der Kontext verloren geht und wiederhergestellt wird, und den Kontext auch mit CanvasRenderingContext2D.isContextLost() überprüfen.
  • Nach dem Senden von contextlost versucht ein Browser standardmäßig, den verlorenen Kontext neu zu starten, aber Code kann dies verhindern, indem das Ereignis abgebrochen wird.
  • Offscreen-Canvases können auf die gleiche Weise überwacht werden, jedoch mit Ereignissen von OffScreenCanvas contextlost und contextrestored, zusammen mit OffscreenCanvasRenderingContext2D.isContextLost().

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

• Die readText()-Methode der Clipboard-Schnittstelle wird jetzt unterstützt, um asynchron Text aus der System-Zwischenablage zu lesen. Beim Lesen von Zwischenablagedaten, die nicht von derselben Ursprungsseite bereitgestellt werden, erscheint ein Einfügekontextmenü, damit der Benutzer bestätigen kann. (Firefox-Bug 1877400).

Medien, WebRTC und Web Audio

• Der AV1-Codec wird jetzt für Encrypted Media Extensions unterstützt, was höherwertige Wiedergabe von Videostreaming-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).

• Unterstützung für die Verwendung mehrerer unabhängiger linearer Speicher in Wasm-Modulen wurde hinzugefügt. Mehrere Speicher ermöglichen effizientere Interoperabilität zwischen Modulen und bessere Polyfills für kommende Wasm-Standards. Sie können beispielsweise verwendet werden, um separate Speicher für interne und freigegebene 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 auf den Speicher zuzugreifen, auf dem sie arbeiten, und standardmäßig auf den ersten definierten Speicher, wenn kein Index angegeben ist. Für weitere Informationen, siehe WebAssembly Memory im 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 Endpunktsknotens 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 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 würde (Firefox-Bug 1884647).
• Ein Problem behoben, bei dem empfohlene Einstellungen nicht angewendet würden, wenn nur WebDriver BiDi als Remote-Protokoll, was bedeutet, dass CDP deaktiviert ist, aktiviert war (Firefox-Bug 1882748).
• Ein Problem behoben, bei dem das Erstellen und Wechseln zu einem neuen Tab nicht darauf warten würde, dass der visibilityState aktualisiert wird (Firefox-Bug 1877469).

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

Diese Funktionen sind in Firefox 125 enthalten, jedoch nur in Entwickler-Versionen oder hinter einer Einstellung. Um diese auszuprobieren, können Sie die zugehörige Einstellung auf der about:config-Seite suchen, um zu sehen, ob sie aktiviert oder deaktiviert sind. Um mehr über diese Funktionen zu erfahren, schauen Sie auf der Seite Experimentelle Funktionen vorbei.

• 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 (Firefox-Bug 1882408, Firefox-Bug 1805727).

• UA-Stile für <h1> verschachtelt in Gliederungselementen: layout.css.h1-in-section-ua-styles.enabled.

  Die <h1>-Überschrift verringert jetzt nicht mehr die Schriftgröße bei Verschachtelung innerhalb von Gliederungselementen <article>, <aside>, <nav> und <section>. Die UA-Stile für <h1>, die innerhalb von Gliederungselementen verschachtelt 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, was das UA-Styling für Überschriften, die in Gliederungselementen verschachtelt sind, entfernt. In allen anderen Kanälen ist sie auf true gesetzt, was das bestehende UA-Styling für die verschachtelten Überschriften beibehält.