Versionshinweise zu Firefox 155 für Entwickler

Änderungen für Webentwickler

Entwicklerwerkzeuge

• Die Schaltflächen zur Emulation von Medien-Features in der Regelansicht sind nun in einem eigenen Emulationsbereich zusammengefasst, der über die Schaltfläche @ geöffnet wird. Der Bereich 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 jeweiligen Zeilennummer beschriftet ist. 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 nun in jeder CSS-Eigenschaft verwendet werden, statt nur in content. Dadurch können Sie die Gestaltung anhand von HTML-Attributen steuern, etwa mit width: attr(data-size px), ohne JavaScript zu verwenden. Werte für <attr-type> (einschließlich Einheitenbezeichnern wie px und s), Fallback-Werte und Attribute mit Namespace werden nun unterstützt. Sie können attr() nun auch innerhalb von Container-Style-Queries verwenden. (Firefox-Bug 2038940).

• Die CSS-Funktion progress() wird nun 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 dann zur Berechnung anderer Werte verwendet werden, etwa opacity: calc(0.4 + progress(100cqw, 300px, 900px) * 0.6). (Firefox-Bug 2047345).

• Die CSS-Funktion alpha() wird nun unterstützt. Sie ermöglicht es Ihnen, eine Farbe zu übergeben und dieselbe Farbe mit einem anderen Alpha-Wert (Transparenz) zurückzuerhalten, wobei die anderen Farbkomponenten 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, etwa alpha(from var(--brand) / calc(alpha * 0.5)). (Firefox-Bug 2059738 und Firefox-Bug 2059988).

• Die CSS-Eigenschaft font-width wird nun unterstützt, ebenso wie der Deskriptor font-width von @font-face und die 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 Stile nun font-width statt font-stretch zurückgibt. (Firefox-Bug 1911075).

• Die teilweise Unterstützung für das nicht standardisierte Pseudo-Element ::-webkit-scrollbar, die in Firefox 153 hinzugefügt wurde, ist nun auf eine kleine Liste von Websites beschränkt und gilt nicht mehr für das gesamte Web. 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; stimmt sie mit keinem Eintrag überein, 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 eingeführt und auf einigen Websites fehlerhafte Scrollbars verursacht hatte. Diese Websites verwendeten 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 Standard-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 nun unterstützt, wie im TC39-Vorschlag await dictionary definiert. Sie verhalten sich jeweils wie Promise.all() und Promise.allSettled(), nehmen jedoch ein Objekt von Promises statt eines Iterables entgegen. Sie werden mit einem Objekt erfüllt, das dieselben Schlüssel hat, 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 Fehler zwischengespeichert. 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. Damit verbunden löst <link rel="modulepreload"> nun das Ereignis load statt error für Module aus, die bereits abgerufen werden oder noch abgerufen werden. Außerdem wird ein Modulskript nun geladen, selbst wenn ein früheres modulepreload derselben URL seine Integritätsprüfung nicht bestanden hat. (Firefox-Bug 2055211 und Firefox-Bug 2052949).

HTTP

• Firefox verwendet nun Happy Eyeballs Version 3 beim Herstellen von Verbindungen und lässt IPv6- und IPv4-Adressen gegeneinander antreten, 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 nun unterstützt, sodass HTTP/3-Verbindungen QUIC-Version 2 aushandeln können. (Firefox-Bug 2059947).

APIs

• Mehrere Funktionen der WebTransport API werden nun unterstützt:
  • Send-Gruppen ermöglichen Ihnen, Streams zu gruppieren, die sich Bandbreite teilen sollen, und Streams innerhalb einer Gruppe relativ zueinander zu priorisieren. Sie können eine 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 mit 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 vom Client unterstützten Anwendungsprotokolle auflistet. 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, ein ordnungsgemäßes Herunterfahren der Sitzung zu beginnen. (Firefox-Bug 2007160).
• Die WebGPU API unterstützt nun auf Desktop-Systemen die Funktion dual-source-blending, die in GPUAdapter.requestDevice() angefordert werden kann. Dies ermöglicht die Angabe von src1, one-minus-src1, src1-alpha und one-minus-src1-alpha in den Eigenschaften srcFactor und dstFactor von createRenderPipeline() und createRenderPipelineAsync(). Die WGSL-Erweiterung dual_source_blending wird ebenfalls unterstützt. (Firefox-Bug 1924328).

DOM

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

Medien, WebRTC und Web Audio

• Das Ereignis error, das für ein RTCDataChannel-Objekt ausgelöst wird, kann nun in seiner Eigenschaft error.errorDetail sctp-failure melden, wenn der Transport aufgrund eines Fehlers geschlossen wird. Zusätzlich sind RTCError und RTCErrorEvent nun in dedizierten Workern verfügbar (diese Bereitstellung ist noch nicht in der Spezifikation enthalten). (Firefox-Bug 1814460).
• Die Eigenschaft RTCPeerConnection.sctp gibt nun 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 nun auch die Zustände connected und closed, und seine Eigenschaften maxChannels und maxMessageSize werden korrekt befüllt. (Firefox-Bug 2019361 und Firefox-Bug 2056412).
• Zwei Byte lange RTP-Header-Erweiterungen werden nun 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 nun in RTCTransportStats gemeldet. (Firefox-Bug 2055911).
• Die von RTCPeerConnection.getStats() zurückgegebenen transport-Statistiken sind nun vor der Aushandlung korrekt, also nach setLocalDescription(), aber bevor eine Remote-Beschreibung festgelegt wurde. Die Eigenschaft dtlsRole wird nun als unknown gemeldet, bis der DTLS-Handshake eine Rolle auswählt; zuvor wurde sie überhaupt nicht gemeldet (Firefox-Bug 2053296). Die Eigenschaft iceState beginnt nun mit new statt mit checking, was fälschlicherweise angezeigt hatte, dass Konnektivitätsprüfungen bereits liefen (Firefox-Bug 2053297).

WebAssembly

• Die binäre Formaterweiterung compact import section wird nun unterstützt. Sie reduziert die Größe von Modulen, die viele import-Anweisungen enthalten. (Firefox-Bug 2062344).
• Der Vorschlag wide arithmetic wird nun unterstützt und fügt die Anweisungen 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, beispielsweise in Bignum- und Kryptografie-Bibliotheken. (Firefox-Bug 2062374).

WebDriver-Konformität (WebDriver BiDi, Marionette)

Allgemein

• Der Download-Bereich wurde deaktiviert, um zu verhindern, dass das aktuelle Dokument 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 mehr auf derselben verschachtelten Event-Loop-API wie DevTools basiert. Dies verhindert Konflikte, wenn WebDriver BiDi und DevTools parallel verwendet werden. (Firefox-Bug 2041335).
• Ein Fehler wurde behoben, durch den der Befehl browsingContext.reload bei der Verwendung für Frames fehlschlug. (Firefox-Bug 2030909).
• Die Unterstützung für das Argument contexts im Befehl session.unsubscribe wurde entfernt. Clients können sich künftig nur anhand des Ereignisnamens oder der Abonnement-ID abmelden. (Firefox-Bug 1988723).

Experimentelle Web-Features

Diese Features werden mit 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.

• Scrollgesteuerte Animationen: layout.css.scroll-driven-animations.enabled

  Scrollgesteuerte Animationen ermöglichen es, den Fortschritt einer Animation an die Scrollposition eines Scrollers oder an die Position eines Elements innerhalb seines Scrollers zu koppeln, statt an die Zeit. Diese Einstellung umfasst die Eigenschaften scroll-timeline und view-timeline sowie deren Longhands, einschließlich der Eigenschaft view-timeline-inset, zusammen mit den 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 Bearbeitung 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 prüfen, ob der Browser eine bestimmte CSS-At-Regel unterstützt, etwa @supports at-rule(@scope). (Firefox-Bug 2060754).

• Audio Session API: dom.audio_session.enabled

  Mit der Audio Session API kann eine Website festlegen, wie sich ihr Audio im Verhältnis zu anderen auf dem Gerät wiedergegebenen Audios verhalten soll, beispielsweise ob es mit anderem Audio gemischt, gegenüber diesem abgesenkt oder dieses unterbrochen werden soll. (Firefox-Bug 2055710).

• CSS-Grundformen 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 Radiuswerte der CSS-Grundformen ellipse() und circle() festzulegen. (Firefox-Bug 2037673).

• Inhalte mit line-clamp kürzen: layout.css.line-clamp.enabled

  Die CSS-Eigenschaft line-clamp funktioniert ohne das Herstellerpräfix -webkit- und unterstützt nun auch das Schlüsselwort no-ellipsis sowie <string>-Werte, um auszuwählen, was dort angezeigt wird, wo der Text abgeschnitten wird. (Firefox-Bug 2042999 und Firefox-Bug 2043000).

• Bereichsbezogene Custom-Element-Registries: dom.scoped-custom-element-registries.enabled

  Eine CustomElementRegistry kann erstellt und an Element.attachShadow() übergeben werden, sodass ein Shadow Root Custom Elements definieren kann, die nicht mit denjenigen in der globalen Registry kollidieren. (Firefox-Bug 2018900). Diese Version fügt außerdem das globale Attribut customelementregistry hinzu, um im Markup die Registry auszuwählen, der ein Element zugeordnet 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 \A-, \z- und \Z-Assertions 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 durch den Rahmen des Elements gezeichnet wird. Dadurch kann ein Farbverlauf oder Bild als Rahmen verwendet werden. (Firefox-Bug 2045230).

• view-timeline umfasst view-timeline-inset: layout.css.scroll-driven-animations.enabled

  Die Shorthand-Eigenschaft view-timeline unterstützt nun die Eigenschaft view-timeline-inset. Mit dem Shorthand können Sie Inset- (oder Outset-)Werte für den Start und/oder das Ende angeben, um die Position der View-Progress-Timeline anzupassen. (Firefox-Bug 2046602).

• Die Schnittstelle MathMLAnchorElement: mathml.a.element.enabled

  Das MathML-Element <a> wird nun im DOM korrekt durch die Schnittstelle MathMLAnchorElement statt durch die generische Schnittstelle MathMLElement dargestellt. (Firefox-Bug 2059312).

• timeline-scope-Namen sind nun standardmäßig global: layout.css.scroll-driven-animations.enabled

  Das Standardverhalten für den Gültigkeitsbereich benannter Timelines wurde auf global aktualisiert. Dies kann mithilfe der CSS-Eigenschaft timeline-scope sowie des Werts von entweder scroll-timeline-name oder view-timeline-name auf Elemente und deren Unterbaum beschränkt werden (Firefox-Bug 2024012).