Firefox 125 für Entwickler

Keine bemerkenswerten Änderungen.

• Die align-content-Eigenschaft wurde aktualisiert, um mit display: block;-Layouts zu funktionieren. Dies bringt alle Layoutpositionen von flex und grid zu block, womit Entwickler Block-Elemente ausrichten können, 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 die Referenzbox verwendet der content-box-Wert die Content-Box, und der stroke-box-Wert verwendet die Rahmenbox eines SVGs. (Firefox Fehler 1868374).
• Der CSS-Eigenschaftswert content-visibility auto ist nun standardmäßig aktiviert. Dies ermöglicht das Überspringen der Darstellung von Inhalten, wenn diese nicht für den Benutzer relevant sind. (Firefox Fehler 1874874).

• Intl.Segmenter wird nun unterstützt, was es Entwicklern ermöglicht, eine lokalsensitive Textsegmentierung eines Strings durchzuführen. Dies erlaubt beispielsweise, einen String in Wörter zu teilen in Sprachen, die keine Leerzeichen verwenden, um diese 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 "Popover"-Elementen auf oberster Ebene, die für Aktionsmenüs, benutzerdefinierte "Toast"-Benachrichtigungen, Formularelementvorschläge, Inhaltsauswahlen usw. verwendet werden könnten. Der Popover und sein auslösendes Button-/Eingabeelement können entweder über HTML-Attribute oder JavaScript erstellt und mit CSS gestylt werden.

  Die folgenden Web-APIs wurden implementiert:

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

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

• Die RTCIceTransport-Eigenschaften state und gatheringState und deren zugehörige Ereignisse statechange und gatheringstatechange werden nun 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 durch die RTCPeerConnection-Eigenschaften iceGatheringState und connectionState bereitgestellt. (Firefox Fehler 1811912)

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

• Unterstützung wurde hinzugefügt, um es Webanwendungen zu ermöglichen, sich elegant zu erholen, wenn ein Canvas vorübergehend seinen 2D-Kontext verliert, was passieren könnte, wenn das Canvas hardwarebeschleunigt auf einem GPU läuft und dessen Treiber abstürzt (Firefox Fehler 1887729). Hier sind einige zusätzliche Informationen zu den Ereignissen 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 auch den Kontext mit CanvasRenderingContext2D.isContextLost() überprüfen.
  • Nachdem contextlost gesendet wurde, wird ein Browser versuchen, den verlorenen Kontext standardmäßig neu zu starten, aber Code kann dies verhindern, indem das Ereignis abgebrochen wird.
  • Offscreen-Canvases können auf die gleiche Weise überwacht werden, jedoch mithilfe von OffScreenCanvas-Ereignissen contextlost und contextrestored, sowie OffscreenCanvasRenderingContext2D.isContextLost().

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

• Die readText()-Methode der Clipboard-Schnittstelle wird nun unterstützt, um textuell asynchron vom System-Clipboard zu lesen. Wenn Clipboard-Daten gelesen werden, die nicht von derselben Ursprungsseite bereitgestellt werden, wird ein Einfüge-Kontextmenü erscheinen, um vom Benutzer bestätigt zu werden. (Firefox Fehler 1877400).

Medien, WebRTC und Web Audio

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

Entfernungen

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

• Unterstützung wurde hinzugefügt für Wasm-Module, um mehrere unabhängige lineare Speicher zu nutzen. Mehrere Speicher ermöglichen effizientere Interoperabilität zwischen Modulen und bessere Polyfills für kommende Wasm-Standards. Sie können verwendet werden, um beispielsweise separaten Speicher für interne und geteilte Daten, flüchtige und gespeicherte 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 Speicherinstruktionen verwenden den Index, um den Speicher zu referenzieren, auf dem sie operieren, wobei standardmäßig der erste definierte Speicher verwendet wird, wenn kein Index angegeben ist. Für weitere Informationen siehe WebAssembly Speicher in Understanding WebAssembly text format. (Firefox Fehler 1860816).

Allgemeines

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

WebDriver BiDi

• Unterstützung für den input.setFiles-Befehl wurde 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, um Cookies zu löschen, wurde hinzugefügt (Firefox Fehler 1854581).
• Unterstützung für "userContext" als ein Feld des "partition"-Arguments für Cookie-Befehle wurde hinzugefügt (Firefox Fehler 1875255).
• Es wurde ein Problem behoben, bei dem storage.getCookies nicht alle erwarteten Cookies für einen bestimmten "sourceOrigin" abrufen würde (Firefox Fehler 1884647).
• Ein Problem wurde behoben, bei dem empfohlene Einstellungen nicht angewendet wurden, wenn nur WebDriver BiDi als Remote-Protokoll 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 Aktualisieren des visibilityState gewartet hätte (Firefox Fehler 1877469).

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

Diese Funktionen sind in Firefox 125 vorhanden, 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. Um mehr über diese Funktionen zu erfahren, siehe die Experimental features-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 kontrollieren, ob CSS-Übergänge auf Eigenschaften mit einem diskreten Animationstyp angewendet werden sollen. (Firefox Fehler 1882408, Firefox Fehler 1805727).

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

  Die <h1>-Überschrift verringert sich jetzt nicht mehr in der Schriftgröße, 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-Styling für innerhalb von Gliederungselementen verschachtelte Überschriften entfernt. In allen anderen Kanälen ist sie auf true gesetzt, wodurch das bestehende UA-Styling für die verschachtelten Überschriften beibehalten wird.