Firefox 125 für Entwickler
Dieser Artikel bietet Informationen über die Änderungen in Firefox 125, die Entwickler betreffen. Firefox 125 wurde am 16. April 2024 veröffentlicht.
Änderungen für Webentwickler
HTML
Keine bemerkenswerten Änderungen.
CSS
- Die
align-content
-Eigenschaft wurde aktualisiert, um mitdisplay: block;
-Layouts zu funktionieren. Dies bringt alle Layout-Positionen vonflex
undgrid
zublock
, sodass Entwickler Block-Elemente ausrichten können, ohne ihren Container in einenflex
- odergrid
-Container umzuwandeln. (Firefox Bug 1882853). - Die CSS-Eigenschaft
transform-box
unterstützt jetzt die Wertecontent-box
undstroke-box
. Bei der Referenzbox verwendet dercontent-box
-Wert die Content-Box und derstroke-box
-Wert verwendet die Umrandungsbox, die die Form eines SVGs enthält (Firefox Bug 1868374). - Der Wert
auto
der CSS-Eigenschaftcontent-visibility
ist jetzt standardmäßig aktiviert. Dies ermöglicht es, Rendering zu überspringen, wenn es nicht für den Benutzer relevant ist. (Firefox Bug 1874874).
JavaScript
-
Intl.Segmenter
wird jetzt unterstützt und erlaubt es Entwicklern, lokalsensible Textsegmentierung eines Strings durchzuführen. Dies ermöglicht es beispielsweise, einen String in Wörtern zu splitten, in Sprachen, die keine Leerzeichen zur Trennung verwenden:Intl.Segmenter("ja-JP", { granularity: "word" })
. Sie können auch Strings in Grapheme oder Sätze aufzuteilen. (Firefox Bug 1423593, Firefox Bug 1883914.)
APIs
-
Die Popover API wird jetzt vollständig unterstützt und ermöglicht die Erstellung von obersten "Popover"-UI-Elementen, die für Aktionsmenüs, benutzerdefinierte "Toast"-Benachrichtigungen, Formularvorschläge, Inhaltsauswahlen und so weiter verwendet werden könnten. Das Popover und sein auslösendes Button/Input-Element können entweder über HTML-Attribute oder JavaScript erstellt und mithilfe von CSS gestylt werden.
Die folgenden Web-APIs sind implementiert:
HTMLButtonElement
EigenschaftenpopoverTargetElement
undpopoverTargetAction
.HTMLInputElement
EigenschaftenpopoverTargetElement
undpopoverTargetAction
.HTMLElement
Eigenschaftpopover
, MethodenhidePopover()
,showPopover()
, undtogglePopover()
, sowie Ereignissebeforetoggle
undtoggle_event
(vom TypToggleEvent
).
Die folgende CSS-Pseudoklasse und das Element 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:
-
Die
RTCIceTransport
Eigenschaftenstate
undgatheringState
, und ihre zugehörigen Ereignissestatechange
undgatheringstatechange
, werden jetzt unterstützt, zusammen mit der EigenschaftRTCDtlsTransport.iceTransport
(die das zugrunde liegendeRTCIceTransport
für einRTCDtlsTransport
zurückgibt). Diese erlauben eine viel feinere Überwachung als die von denRTCPeerConnection
EigenschafteniceGatheringState
undconnectionState
. (Firefox Bug 1811912) -
Element.ariaBrailleLabel
undElement.ariaBrailleRoleDescription
werden jetzt unterstützt, sie reflektieren die globalen ARIA HTML-Attributearia-braillelabel
undaria-brailleroledescription
. (Firefox Bug 1861201). -
Unterstützung hinzugefügt, um Webanwendungen eine elegante Wiederherstellung zu ermöglichen, 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 weitere Details zu den Ereignissen für verlorene und wiederhergestellte Canvas-Kontexte:
- Anwendungen können auf
contextlost
undcontextrestored
Ereignisse achten, die auf einemHTMLCanvasElement
gefeuert werden, wenn der Kontext verloren geht bzw. wiederhergestellt wird, und können auch den Kontext mithilfe vonCanvasRenderingContext2D.isContextLost()
überprüfen. - Nachdem
contextlost
ausgegeben wurde, wird ein Browser versuchen, den verlorenen Kontext standardmäßig neu zu starten, aber der Code kann dies verhindern, indem das Ereignis abgebrochen wird. - Offscreen-Canvases können auf die gleiche Weise überwacht werden, aber mit
OffScreenCanvas
Ereignissencontextlost
undcontextrestored
, zusammen mitOffscreenCanvasRenderingContext2D.isContextLost()
.
- Anwendungen können auf
-
Unterstützung für das
shadowrootclonable
Attribut des<template>
-Elements und dieshadowRootClonable
Eigenschaft derHTMLTemplateElement
-Schnittstelle hinzugefügt, die es widerspiegelt. Diese setzen dieclonable
Eigenschaft einesShadowRoot
, das deklarativ mit dem<template>
Element erstellt wurde. (Firefox Bug 1880188). -
Die
readText()
-Methode derClipboard
-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üge-Kontextmenü, damit der Benutzer es bestätigen kann. (Firefox Bug 1877400).
Medien, WebRTC und Web Audio
- Der AV1 Codec wird jetzt für Encrypted Media Extensions unterstützt, was eine qualitativ hochwertigere Wiedergabe von Videostreaming-Anbietern ermöglicht. (Firefox Bug 1601817).
Entfernungen
- Die
SVGAElement.text
-Eigenschaft wurde entfernt. DietextContent
-Eigenschaft (vomNode
geerbt) wird breit unterstützt und sollte stattdessen verwendet werden. (Firefox Bug 1880689).
WebAssembly
- Unterstützung wurde hinzugefügt für die Verwendung mehrerer unabhängiger linearer Speicher in Wasm-Modulen. Mehrere Speicher ermöglichen effizientere Interoperabilität zwischen Modulen und bessere Polyfills für kommende Wasm-Standards. Sie können zum Beispiel verwendet werden, um separaten Speicher für interne und geteilte 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 fortlaufenden Index, beginnend bei null. WebAssembly Memory-Instruktionen verwenden den Index, um den Speicher zu referenzieren, auf dem sie arbeiten; sie greifen standardmäßig auf den ersten definierten Speicher zu, falls kein Index angegeben ist. Für weitere Informationen siehe WebAssembly Memory im Abschnitt Understanding WebAssembly text format. (Firefox Bug 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 Endpoint-Knotens 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 mittype="file"
festzulegen 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 (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 Präferenzen nicht angewandt würden, wenn nur WebDriver BiDi als Remote-Protokoll aktiviert war, was bedeutet, dass CDP deaktiviert war (Firefox Bug 1882748).
- Ein Problem behoben, bei dem das Erstellen und Wechseln zu einem neuen Tab nicht auf die Aktualisierung des
visibilityState
wartete (Firefox Bug 1877469).
Änderungen für Add-on-Entwickler
- Der Inhalt der
proxy.ProxyInfo
-EigenschaftproxyAuthorization
wird jetzt an denProxy-Authorization
-Anforderungsheader gesendet, der an HTTP-Proxys gesendet wird (zusätzlich zur bestehenden Unterstützung für HTTPS-Proxys) als Teil einer CONNECT-Anfrage (Firefox Bug 1794464).
Experimentelle Web-Features
Diese Funktionen werden in Firefox 125 bereitgestellt, aber nur in Entwickler-Releases oder hinter einer Präferenz. Um diese auszuprobieren, können Sie nach der zugehörigen Präferenz auf der about:config
-Seite suchen, um zu sehen, ob sie aktiviert oder deaktiviert ist. Weitere Informationen zu diesen Funktionen finden Sie auf der Seite Experimentelle Funktionen.
-
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 Bug 1882408, Firefox Bug 1805727). -
UA-Stile für
<h1>
innerhalb von Gliederungselementen:layout.css.h1-in-section-ua-styles.enabled
.Die
<h1>
-Überschrift verringert ihre Schriftgröße jetzt nicht mehr, 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 Bug 1883896).Hinweis: Die Präferenz für diese Funktion funktioniert umgekehrt: Sie ist im Nightly-Build auf
false
gesetzt, was das UA-Styling für Überschriften entfernt, die in Gliederungselementen verschachtelt sind. In allen anderen Kanälen ist sie auftrue
gesetzt, was das bestehende UA-Styling für die verschachtelten Überschriften beibehält.
Ältere Versionen
- Firefox 124 for developers
- Firefox 123 for developers
- Firefox 122 for developers
- Firefox 121 for developers
- Firefox 120 for developers
- Firefox 119 for developers
- Firefox 118 for developers
- Firefox 117 for developers
- Firefox 116 for developers
- Firefox 115 for developers
- Firefox 114 for developers
- Firefox 113 for developers
- Firefox 112 for developers
- Firefox 111 for developers
- Firefox 110 for developers
- Firefox 109 for developers
- Firefox 108 for developers
- Firefox 107 for developers
- Firefox 106 for developers
- Firefox 105 for developers
- Firefox 104 for developers
- Firefox 103 for developers
- Firefox 102 for developers
- Firefox 101 for developers
- Firefox 100 for developers
- Firefox 99 for developers
- Firefox 98 for developers
- Firefox 97 for developers
- Firefox 96 for developers
- Firefox 95 for developers
- Firefox 94 for developers