Firefox-155-Versionshinweise für Entwickler (Stable)

Änderungen für Webentwickler

Entwicklerwerkzeuge

• Die Schaltflächen zur Emulation von Medien-Features in der Rules-Ansicht sind jetzt in einem eigenen Emulationspanel zusammengefasst, das über die Schaltfläche @ geöffnet wird. Das Panel fügt außerdem die Emulation des Medien-Features prefers-reduced-motion hinzu. (Firefox-Bug 1692434 und Firefox-Bug 1477920).
• Der JSON Viewer öffnet jetzt JSON Lines-Dokumente (NDJSON), die als application/jsonl, application/jsonlines, application/x-ndjson oder text/jsonl bereitgestellt werden oder die Dateierweiterung .jsonl haben. Jede Zeile wird separat in einen eigenen einklappbaren Eintrag geparst, der mit der Zeilennummer gekennzeichnet ist, aus der sie stammt. Eine Zeile, die nicht geparst werden kann, wird inline gemeldet, ohne den Rest des Dokuments zu beeinträchtigen. (Firefox-Bug 2055774, Firefox-Bug 2060972 und Firefox-Bug 2060529).
• Ein Tastaturkürzel zum Deaktivieren von Breakpoints im Debugger wurde hinzugefügt. (Firefox-Bug 1642578).

HTML

Keine nennenswerten Änderungen.

CSS

• Die CSS-Funktion attr() kann jetzt in jeder CSS-Eigenschaft verwendet werden, statt nur in content. Dadurch können Sie das Styling über HTML-Attribute steuern, etwa mit width: attr(data-size px), ohne JavaScript zu verwenden. Werte des Typs <attr-type> (einschließlich Einheitenbezeichnern wie px und s), Fallback-Werte und namespaced attributes werden jetzt unterstützt. Sie können attr() jetzt außerdem innerhalb von Container-Style-Queries verwenden. (Firefox-Bug 2038940).

• Die CSS-Funktion progress() wird jetzt unterstützt. Sie gibt eine <number> zurück, die angibt, wie weit ein Wert zwischen einem Start- und einem Endwert fortgeschritten ist. Das Ergebnis kann anschließend zur Berechnung anderer Werte verwendet werden, beispielsweise opacity: calc(0.4 + progress(100cqw, 300px, 900px) * 0.6). (Firefox-Bug 2047345).

• Die CSS-Funktion alpha() wird jetzt unterstützt. Sie ermöglicht es Ihnen, eine Farbe zu übergeben und die Farbe mit einem anderen Alpha-Wert (Transparenz) zurückzuerhalten, während die anderen Komponenten der Farbe unverändert bleiben. Innerhalb der Funktion können Sie das Schlüsselwort alpha verwenden, um auf den Alpha-Kanal der ursprünglichen Farbe zu verweisen, beispielsweise alpha(from var(--brand) / calc(alpha * 0.5)). (Firefox-Bug 2059738 und Firefox-Bug 2059988).

• Die CSS-Eigenschaft font-width wird jetzt unterstützt, zusammen mit dem font-width-Deskriptor von @font-face und der Eigenschaft CSSStyleDeclaration.fontWidth. Dies ist der neue Name für die Eigenschaft font-stretch, die weiterhin als Legacy-Alias funktioniert. Beachten Sie, dass die Aufzählung berechneter Styles jetzt font-width statt font-stretch zurückgibt. (Firefox-Bug 1911075).

• Die teilweise Unterstützung des nicht standardmäßigen Pseudo-Elements ::-webkit-scrollbar, die in Firefox 153 hinzugefügt wurde, ist jetzt auf eine kleine Liste von Websites beschränkt, statt für das gesamte Web zu gelten. Firefox verwaltet diese Liste in der Einstellung layout.css.fake-webkit-scrollbar.enabled-domains. Die Domain des Dokuments wird mit den Einträgen in der Liste abgeglichen; wenn sie mit keinem Eintrag übereinstimmt, gibt @supports selector(::-webkit-scrollbar) false zurück.

  Diese Einschränkung macht die Änderung aus Firefox 153 rückgängig, die eine teilweise Unterstützung für ::-webkit-scrollbar auf allen Websites einführte und auf einigen Websites zu fehlerhaften Scrollbars führte. Diese Websites stützten sich auf Styling mit anderen ::-webkit-scrollbar-*-Pseudo-Elementen, die Firefox nicht unterstützt. Die einzigen Deklarationen, auf die Firefox reagiert, sind display: none, wodurch die Scrollbar ausgeblendet wird, sowie ein von null verschiedener Wert für width oder height, wodurch Overlay-Scrollbars für diesen Scroll-Container deaktiviert werden.

  Verwenden Sie die standardmäßigen Eigenschaften scrollbar-color und scrollbar-width, um Scrollbars in Firefox zu gestalten. (Firefox-Bug 2061547).

JavaScript

• Die statischen Methoden Promise.allKeyed() und Promise.allSettledKeyed() werden jetzt unterstützt, wie im TC39-await-dictionary-Vorschlag definiert. Sie verhalten sich jeweils wie Promise.all() und Promise.allSettled(), nehmen jedoch ein Objekt mit Promises statt eines Iterables entgegen. Sie werden mit einem Objekt erfüllt, das dieselben Schlüssel besitzt, sodass Ergebnisse anhand ihres Namens statt ihrer Position gelesen werden können. (Firefox-Bug 2057270).
• Ein Modul, das aufgrund eines Netzwerkfehlers oder eines falschen MIME-Typs nicht geladen werden kann, wird nicht länger als fehlgeschlagen gecacht. Daher kann das erneute Importieren desselben Modulspezifizierers erfolgreich sein, sobald der Server wieder verfügbar ist. Dies gilt für JavaScript-, JSON-, CSS- und Text-Module, die entweder statisch oder mit dynamischem Import geladen werden, sowohl in Windows als auch in Workern. In diesem Zusammenhang löst <link rel="modulepreload"> jetzt das Ereignis load statt error für Module aus, die bereits abgerufen wurden oder noch abgerufen werden. Außerdem wird ein Modulsystem-Skript jetzt geladen, selbst wenn ein vorheriges modulepreload derselben URL seine Integritätsprüfung nicht bestanden hat. (Firefox-Bug 2055211 und Firefox-Bug 2052949).

HTTP

• Firefox verwendet beim Herstellen von Verbindungen jetzt Happy Eyeballs Version 3. IPv6- und IPv4-Adressen werden parallel getestet, sodass der Verbindungsaufbau nicht durch eine nicht erreichbare Adressfamilie verzögert wird. Beachten Sie, dass dies derzeit nur auf einigen Plattformen unterstützt wird. (Firefox-Bug 2062892).
• Die Versionsaushandlung von QUIC wird jetzt unterstützt, wodurch HTTP/3-Verbindungen die QUIC-Version 2 aushandeln können. (Firefox-Bug 2059947).

APIs

• Mehrere Funktionen der WebTransport API werden jetzt unterstützt:
  • Send-Gruppen ermöglichen es Ihnen, Streams zu gruppieren, die Bandbreite gemeinsam nutzen sollen, und Streams innerhalb einer Gruppe relativ zueinander zu priorisieren. Sie können eine Gruppe mit WebTransport.createSendGroup() erstellen. Übergeben Sie anschließend die zurückgegebene WebTransportSendGroup in der Option sendGroup von WebTransport.createBidirectionalStream() oder WebTransport.createUnidirectionalStream(). (Firefox-Bug 2007165).
  • Die Methode WebTransport.exportKeyingMaterial() leitet Schlüsselmaterial aus der zugrunde liegenden TLS-Verbindung für ein bestimmtes Label und einen bestimmten Kontext ab, sodass beide Endpunkte dasselbe gemeinsame Geheimnis erhalten können. Dies ermöglicht beispielsweise einem Handshake auf Anwendungsebene, MITM-Angriffe zu erkennen, wenn eine Anwendung eine Verbindung zu einem Peer herstellt, der nur über ein selbstsigniertes Zertifikat verfügt. (Firefox-Bug 2007200).
  • Die Methode WebTransportDatagramDuplexStream.createWritable() gibt einen WebTransportDatagramsWritable-Stream zum Senden von Datagrammen zurück, mit den Eigenschaften sendGroup und sendOrder, um ihn gegenüber anderen Sendern zu priorisieren. (Firefox-Bug 2007174).
  • Der Konstruktor WebTransport() akzeptiert eine Option protocols, die die Anwendungsprotokolle auflistet, welche der Client unterstützt. Das vom Server ausgewählte Protokoll wird, falls vorhanden, in der Eigenschaft WebTransport.protocol zurückgegeben, wenn die Verbindung hergestellt ist und das Promise WebTransport.ready erfüllt wird. (Firefox-Bug 2007150).
  • Die Eigenschaft WebTransport.draining zeigt an, wenn der Server den Client aufgefordert hat, eine ordnungsgemäße Beendigung der Sitzung einzuleiten. (Firefox-Bug 2007160).
• Die WebGPU API unterstützt jetzt auf Desktop-Systemen das Feature dual-source-blending, das in GPUAdapter.requestDevice() angefordert werden kann. Dadurch können src1, one-minus-src1, src1-alpha und one-minus-src1-alpha in den Eigenschaften srcFactor und dstFactor von createRenderPipeline() und createRenderPipelineAsync() angegeben werden. Die WGSL-Erweiterung dual_source_blending wird ebenfalls unterstützt. (Firefox-Bug 1924328).

DOM

• Das Interface SVGAElement implementiert jetzt das Mixin HyperlinkElementUtils. Daher stellen SVG-<a>-Elemente dieselben URL-Komponenteneigenschaften wie HTML-<a>-Elemente bereit: protocol, username, password, host, hostname, port, pathname, search und hash. Die schreibgeschützte Eigenschaft origin wird ebenfalls bereitgestellt. (Firefox-Bug 2058578).
• Die Interfaces SVGNumberList, SVGPointList, SVGStringList und SVGTransformList unterstützen jetzt indizierte Setter. Das bedeutet, dass Sie ein Element in der Liste mittels Klammernotation ersetzen können, etwa mit transformList[0] = newTransform, statt replaceItem() aufzurufen. Das Interface SVGLengthList unterstützt indizierte Setter bereits. (Firefox-Bug 2059426).
• Die Methode SVGGraphicsElement.getBBox() berücksichtigt jetzt ihr Argument options mit den Eigenschaften fill, stroke, markers und clipped. Dadurch können Sie eine Bounding Box erhalten, die die auf ein Element angewendeten Konturen, Markierungen und Beschneidungen berücksichtigt, statt nur dessen Füllgeometrie. (Firefox-Bug 2060873).
• Elemente, die nicht gerendert werden, etwa solche innerhalb von <mask>, <clipPath>, <marker>, <symbol> und <defs>, geben jetzt ein leeres Rechteck von Element.getBoundingClientRect() sowie eine leere Liste von Element.getClientRects() zurück, statt eine Box zu melden, die niemals gezeichnet wurde. (Firefox-Bug 2061646).

Media, WebRTC und Web Audio

• Das Ereignis error, das auf einem RTCDataChannel-Objekt ausgelöst wird, kann jetzt sctp-failure in seiner Eigenschaft error.errorDetail melden, wenn der Transport aufgrund eines Fehlers geschlossen wird. Zusätzlich sind RTCError und RTCErrorEvent jetzt in dedizierten Workern verfügbar (diese Bereitstellung ist noch nicht in der Spezifikation enthalten). (Firefox-Bug 1814460).
• Die Eigenschaft RTCPeerConnection.sctp gibt jetzt zu den von der Spezifikation geforderten Zeitpunkten einen RTCSctpTransport zurück, einschließlich im Signalisierungszustand have-remote-offer, in dem sie zuvor null war. Der Transport erreicht jetzt außerdem die Zustände connected und closed, und seine Eigenschaften maxChannels und maxMessageSize werden korrekt befüllt. (Firefox-Bug 2019361 und Firefox-Bug 2056412).
• RTP-Header-Erweiterungen mit zwei Byte werden jetzt unterstützt, sodass Header-Erweiterungen mit einer ID von 15 oder höher ausgehandelt werden können, statt einen OperationError zu verursachen. (Firefox-Bug 2014357).
• Die Eigenschaft selectedCandidatePairChanges wird jetzt in RTCTransportStats gemeldet. (Firefox-Bug 2055911).
• Die von RTCPeerConnection.getStats() zurückgegebenen transport-Statistiken sind jetzt vor der Aushandlung korrekt, also nach setLocalDescription(), aber bevor eine Remote-Beschreibung gesetzt wurde. Die Eigenschaft dtlsRole wird jetzt als unknown gemeldet, bis der DTLS-Handshake eine Rolle auswählt; zuvor wurde sie überhaupt nicht gemeldet (Firefox-Bug 2053296). Die Eigenschaft iceState beginnt jetzt mit new statt mit checking, was zuvor fälschlicherweise anzeigte, dass Konnektivitätsprüfungen bereits liefen (Firefox-Bug 2053297).

WebAssembly

• Die Binärformat-Erweiterung compact import section wird jetzt unterstützt. Sie reduziert die Größe von Modulen, die viele import-Anweisungen haben. (Firefox-Bug 2062344).
• Der Vorschlag wide arithmetic wird jetzt unterstützt und fügt die Instruktionen i64.add128, i64.sub128, i64.mul_wide_s und i64.mul_wide_u hinzu. Diese erzeugen 128-Bit-Ergebnisse aus 64-Bit-Operanden, die zuvor in zu WebAssembly kompiliertem Code emuliert werden mussten, etwa in Bignum- und Kryptografie-Bibliotheken. (Firefox-Bug 2062374).

WebDriver-Konformität (WebDriver BiDi, Marionette)

Allgemein

• Das Download-Panel wurde deaktiviert, damit das aktuelle Dokument nicht den Fokus verliert, wenn ein Download beginnt. (Firefox-Bug 2035439).
• Die Actions API wurde korrigiert, sodass das Ereignis dblclick ausgelöst wird, wenn auf Nicht-macOS-Plattformen bei gedrückter Ctrl-Taste ein Doppelklick ausgeführt wird. (Firefox-Bug 2058556).

WebDriver BiDi

• Das Mozilla-spezifische Modul moz:debugging wurde aktualisiert, sodass es nicht länger auf dieselbe verschachtelte Event-Loop-API wie DevTools angewiesen ist. Dies verhindert Konflikte, wenn WebDriver BiDi und DevTools parallel verwendet werden. (Firefox-Bug 2041335).
• Der Fehler wurde behoben, durch den der Befehl browsingContext.reload bei Verwendung für Frames fehlschlug. (Firefox-Bug 2030909).
• Die Unterstützung für das Argument contexts im Befehl session.unsubscribe wurde entfernt. Ab jetzt können Clients sich nur anhand des Ereignisnamens oder der Abonnement-ID abmelden. (Firefox-Bug 1988723).

Experimentelle Web-Features

Diese Features werden in Firefox 155 ausgeliefert, sind jedoch standardmäßig deaktiviert. Um mit ihnen zu experimentieren, suchen Sie auf der Seite about:config nach der entsprechenden Einstellung und setzen Sie sie auf true. Weitere solche Features finden Sie auf der Seite Experimentelle Features.

• Scroll-gesteuerte Animationen: layout.css.scroll-driven-animations.enabled

  Scroll-gesteuerte Animationen ermöglichen es, dass eine Animation mit der Scrollposition eines Scrollers oder mit der Position eines Elements innerhalb seines Scrollers fortschreitet, statt mit der Zeit. Diese Einstellung umfasst die Eigenschaften scroll-timeline und view-timeline sowie deren Longhands, einschließlich der Eigenschaft view-timeline-inset, sowie die funktionalen Notationen scroll() und view(). In dieser Version wurde das Longhand view-timeline-inset zum Shorthand view-timeline hinzugefügt. (Firefox-Bug 2046602).

• CSS Typed Object Model Level 1: layout.css.typed-om.enabled

  Die CSS Typed Object Model API stellt CSS-Werte als typisierte JavaScript-Objekte statt als Strings bereit, was die Manipulation von CSS aus Skripten vereinfacht. (Firefox-Bug 1278697).

• at-rule()-Support-Queries: layout.css.supports.at-rule.enabled

  Die Funktion at-rule() in der At-Regel @supports ermöglicht es Ihnen zu testen, ob der Browser eine bestimmte CSS-At-Regel unterstützt, beispielsweise @supports at-rule(@scope). (Firefox-Bug 2060754).

• Audio Session API: dom.audio_session.enabled

  Die Audio Session API ermöglicht es einer Website zu deklarieren, wie ihr Audio im Verhältnis zu anderem auf dem Gerät wiedergegebenem Audio funktionieren soll, beispielsweise ob es mit anderem Audio gemischt, abgesenkt oder unterbrochen werden soll. (Firefox-Bug 2055710).

• CSS-Basisformen erlauben die Schlüsselwörter farthest-corner und closest-corner: layout.css.ellipse-corners.enabled

  Die Schlüsselwörter farthest-corner und closest-corner können verwendet werden, um die Radienwerte der CSS-Basisformen ellipse() und circle() festzulegen. (Firefox-Bug 2037673).

• Inhalte mit line-clamp abschneiden: layout.css.line-clamp.enabled

  Die CSS-Eigenschaft line-clamp funktioniert ohne das Herstellerpräfix -webkit- und unterstützt jetzt außerdem das Schlüsselwort no-ellipsis sowie Werte des Typs <string>, um auszuwählen, was an der Stelle angezeigt wird, an der der Text abgeschnitten wird. (Firefox-Bug 2042999 und Firefox-Bug 2043000).

• Bereichsbezogene Registries für Custom Elements: dom.scoped-custom-element-registries.enabled

  Ein CustomElementRegistry kann konstruiert und an Element.attachShadow() übergeben werden, sodass ein Shadow Root Custom Elements definieren kann, die nicht mit den in der globalen Registry definierten kollidieren. (Firefox-Bug 2018900). Diese Version fügt außerdem das globale Attribut customelementregistry hinzu, um aus dem Markup die Registry auszuwählen, mit der ein Element verknüpft ist. (Firefox-Bug 2029965).

• Assertions für Puffergrenzen in regulären Ausdrücken: (nur Nightly) javascript.options.experimental.regexp_buffer_boundaries

  Der TC39-Vorschlag für RegExp-Puffergrenzen fügt regulären Ausdrücken die Assertions \A, \z und \Z hinzu. Diese entsprechen dem Anfang oder Ende der gesamten Eingabe, unabhängig davon, ob das Flag m gesetzt ist. (Firefox-Bug 2047706).

• Wert border-area für background-clip: layout.css.background-clip.border-area.enabled

  Der Wert border-area der CSS-Eigenschaft background-clip beschneidet den Hintergrund auf den Bereich, der vom Rahmen des Elements gezeichnet wird. Dadurch kann ein Farbverlauf oder Bild als Rahmen verwendet werden. (Firefox-Bug 2045230).

• view-timeline schließt view-timeline-inset ein: layout.css.scroll-driven-animations.enabled

  Die Shorthand-Eigenschaft view-timeline unterstützt jetzt die Eigenschaft view-timeline-inset. Mit dem Shorthand können Sie Anfangs- und/oder Endwerte für Insets (oder Outsets) angeben, um die Position der View-Progress-Timeline anzupassen. (Firefox-Bug 2046602).

• Das Interface MathMLAnchorElement: mathml.a.element.enabled

  Das MathML-Element <a> wird im DOM jetzt korrekt durch das Interface MathMLAnchorElement statt durch das generische Interface MathMLElement repräsentiert. (Firefox-Bug 2059312).