Firefox 125 für Entwickler

Keine bemerkenswerten Änderungen.

• Die align-content-Eigenschaft wurde aktualisiert, um mit display: block; Layouts zu arbeiten. Dies bringt alle Layout-Positionen von flex und grid zu block und ermöglicht es Entwicklern, Block-Level-Elemente auszurichten, ohne ihren Container in einen flex oder grid Container umzuwandeln. (Firefox-Fehler 1882853).
• Die CSS-Eigenschaft transform-box unterstützt nun die Werte content-box und stroke-box. Für das Referenzfeld verwendet der Wert content-box die Content-Box, und der Wert stroke-box verwendet die Strich-Begrenzungsbox, die die Form eines SVGs enthält (Firefox-Fehler 1868374).
• Der content-visibility CSS-Eigenschaftswert auto ist nun standardmäßig aktiviert. Dies erlaubt es, Inhalte beim Rendern zu überspringen, wenn sie nicht für den Benutzer relevant sind. (Firefox-Fehler 1874874).

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

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

  Die folgenden Web-APIs werden implementiert:

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

  Die folgende CSS-Pseudoklasse und -Elemente werden nun 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, sowie ihre zugehörigen Ereignisse statechange und gatheringstatechange, werden jetzt unterstützt, zusammen mit der Eigenschaft RTCDtlsTransport.iceTransport (die den zugrunde liegenden RTCIceTransport für einen RTCDtlsTransport zurückgibt). Diese ermöglichen eine viel feinere Überwachung als die von den RTCPeerConnection Eigenschaften iceGatheringState und connectionState bereitgestellte. (Firefox-Fehler 1811912)

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

• Unterstützung wurde hinzugefügt, um Webanwendungen zu ermöglichen, sich zu erholen, falls 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). Hier sind zusätzliche Details zu den Events für verlorene und wiederhergestellte Canvas-Kontexte:

  • Anwendungen können auf 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.
  • Nachdem contextlost ausgelöst wurde, wird der Browser versuchen, den verlorenen Kontext neu zu starten. Standardmäßig wird der Code dies verhindern, indem das Event abgebrochen wird.
  • Offscreen-Canvases können auf die gleiche Weise überwacht werden, aber mit OffScreenCanvas Ereignissen contextlost und contextrestored, zusammen mit OffscreenCanvasRenderingContext2D.isContextLost().

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

• Die readText() Methode des Clipboard Interfaces wird nun unterstützt, um Text asynchron aus der Systemzwischenablage zu lesen. Wenn Daten aus der Zwischenablage gelesen werden, die nicht von derselben Ursprungsseite bereitgestellt werden, erscheint ein Einfüge-Kontextmenü, um den Benutzer um Bestätigung zu bitten. (Firefox-Fehler 1877400).

Media, WebRTC und Web Audio

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

Entfernungen

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

• 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 beispielsweise verwendet werden, um separaten Speicher für interne und geteilte Daten, flüchtige und beständige Daten oder gemeinsame Daten zwischen Threads 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 zu verweisen, auf den sie zugreifen, und verwenden standardmäßig den ersten definierten Speicher, wenn kein Index angegeben ist. Für weitere Informationen siehe WebAssembly Memory in Understanding WebAssembly text format. (Firefox-Fehler 1860816).

Allgemein

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

WebDriver BiDi

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

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

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

• 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 kontrollieren, ob CSS-Übergänge auf Eigenschaften mit einem diskreten Animationstyp angewendet werden (Firefox-Fehler 1882408, Firefox-Fehler 1805727).

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

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

  Hinweis: Die Einstellung für diese Funktion funktioniert umgekehrt: Sie ist in der Nightly-Version auf false gesetzt, was die UA-Stilierung für Überschriften in Gliederungselementen entfernt. In allen anderen Kanälen ist sie auf true gesetzt, was die bestehende UA-Stilierung für die verschachtelten Überschriften beibehält.