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, was es Entwicklern ermöglicht, Blockelemente ohne die Umwandlung des Containers in einen flex oder grid Container auszurichten. (Firefox-Bug 1882853).
• Die CSS-Eigenschaft transform-box unterstützt nun die Werte content-box und stroke-box. Für die Referenzbox verwendet der Wert content-box den Inhaltsbereich und der Wert stroke-box den Umriss für den Umriss eines SVGs (Firefox-Bug 1868374).
• Der CSS-Eigenschaftswert content-visibility auto ist nun standardmäßig aktiviert. Dies erlaubt es Inhalten, das Rendering zu ü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 kontextsensitive 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" }). Es ist auch möglich, Strings in Grapheme oder Sätze zu teilen. (Firefox-Bug 1423593, Firefox-Bug 1883914.)

• Die Popover-API wird jetzt vollständig unterstützt, sodass die Erstellung von "Popover"-Benutzeroberflächenelementen der obersten Ebene möglich ist, die für Aktionsmenüs, benutzerdefinierte "Toast"-Benachrichtigungen, Formularelement-Vorschläge, Inhaltspicker usw. verwendet werden können. Der Popover und sein auslösendes Schaltflächen-/Eingabeelement können entweder mit HTML-Attributen oder JavaScript erstellt und mit CSS gestaltet werden.

  Die folgenden Web-APIs sind implementiert:

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

  Die folgende CSS-Pseudoklasse und das Element 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-Bug 1823757, Firefox-Bug 1866993).

• Die RTCIceTransport-Eigenschaften state und gatheringState, sowie 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 erlauben eine viel feinere Überwachung als die von den RTCPeerConnection-Eigenschaften iceGatheringState und connectionState bereitgestellte. (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 wurde hinzugefügt, um Webanwendungen zu ermöglichen, sich elegant von einem vorübergehenden Verlust des 2D-Kontexts einer Leinwand zu erholen, was passieren kann, wenn die Leinwand hardwarebeschleunigt auf einer GPU läuft und der 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 überwachen, die jeweils 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 standardmäßig versuchen, den verlorenen Kontext neu zu starten, aber Code kann dies verhindern, indem er das Ereignis abbricht.
  • Offscreen-Leinwände können auf die gleiche Weise überwacht werden, jedoch unter Verwendung der OffScreenCanvas-Ereignisse contextlost und contextrestored, zusammen mit OffscreenCanvasRenderingContext2D.isContextLost().

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

• Die Methode readText() des Clipboard-Interfaces wird nun unterstützt, um asynchron Text von der Systemzwischenablage 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 nun für Encrypted Media Extensions unterstützt, was eine hochwertigere Wiedergabe von Videostreaming-Anbietern ermöglicht. (Firefox-Bug 1601817).

Entfernungen

• Die Eigenschaft SVGAElement.text wurde entfernt. Die Eigenschaft textContent (vererbt von Node) ist in großem Umfang unterstützt und sollte stattdessen verwendet werden. (Firefox-Bug 1880689).

• Unterstützung wurde hinzugefügt, damit Wasm-Module mehrere unabhängige lineare Speicher verwenden können. 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 gemeinsam genutzte Daten, flüchtige und persistierte 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 zu verweisen, auf dem sie arbeiten, und standardmäßig auf den ersten definierten Speicher, falls kein Index angegeben ist. Für weitere Informationen siehe WebAssembly Memory 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 Endknotens 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" festzulegen oder zu aktualisieren (Firefox-Bug 1855040).
• Unterstützung für den storage.deleteCookies-Befehl zum Löschen von Cookies hinzugefügt (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" abgerufen würden (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 warten würde, bis der visibilityState aktualisiert wurde (Firefox-Bug 1877469).

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

Diese Funktionen sind in Firefox 125 verfügbar, aber nur in Entwicklerversionen oder hinter einer Voreinstellung. Um diese auszuprobieren, können Sie nach der zugehörigen Voreinstellung auf der about:config-Seite suchen, um zu sehen, ob sie aktiviert oder deaktiviert sind. Um mehr über diese Funktionen zu erfahren, sehen Sie sich die Seite Experimentelle Funktionen an.

• 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>, die in Abschnittselemente eingebettet sind: layout.css.h1-in-section-ua-styles.enabled.

  Die <h1>-Überschrift nimmt bei eingebetteten Abschnittselementen <article>, <aside>, <nav>, und <section> nicht mehr an Schriftgröße ab. Die UA-Stile für <h1>, die in Abschnittselemente eingebettet sind, sind nicht mehr relevant, da der Gliederungsalgorithmus entfernt wurde aus der HTML-Spezifikation. (Firefox-Bug 1883896).

  Hinweis: Die Voreinstellung für diese Funktion funktioniert umgekehrt: Sie ist auf false im Nightly-Build gesetzt, was das UA-Styling für Überschriften entfernt, die in Abschnittselemente eingebettet sind. In allen anderen Kanälen ist sie auf true gesetzt, was das bestehende UA-Styling für die eingebetteten Überschriften beibehält.