Firefox 149 Release-Notes für Entwickler (Beta)

Änderungen für Webentwickler

HTML

• Das globale Attribut popover unterstützt jetzt den Wert hint. Popovers mit dem Wert hint werden auto Popovers nicht schließen, wenn sie angezeigt werden, aber andere Hint-Popovers schließen. (Firefox Fehler 1867743).

MathML

• Die CSS-Eigenschaft font-family: math wird jetzt unterstützt und standardmäßig auf <math>-Elemente angewendet. Dies stellt sicher, dass Websites eine geeignete Mathe-Schriftart und/oder MathML verwenden können, ohne wissen zu müssen, welche Schriftarten auf dem zugrunde liegenden Betriebssystem vorhanden sind. (Firefox Fehler 2014703).

CSS

• Die shape-outside CSS-Eigenschaft unterstützt jetzt die Funktion xywh() als Wert. Dadurch können Sie eine Form definieren, um die Inline-Inhalte gewickelt werden, mit Entfernungen vom linken (x) und oberen (y) Rand des enthaltenden Blocks und eine Breite (w) und Höhe (h). (Firefox Fehler 1983187).

• Die vertical-align CSS-Eigenschaft ist jetzt eine Kurzschreibweise für die Eigenschaften alignment-baseline, baseline-shift und baseline-source. (Firefox Fehler 1830771).

• Der <container-query> Teil der Bedingung der @container at-rule ist jetzt optional. Dies ermöglicht es, gegen Container allein aufgrund ihrer Namen zu vergleichen. (Firefox Fehler 2016474).

APIs

• Der Parameter options.resizeQuality wird jetzt von Window.createImageBitmap() und WorkerGlobalScope.createImageBitmap() unterstützt. Darüber hinaus erlauben die Methoden jetzt, sowohl Resize-Optionen (options.resizeWidth oder options.resizeHeight) als auch Bildbitmap-Parameter (sx, sy, sw, und sh) gleichzeitig festzulegen — bisher führte das Festlegen beider zur Rückgabe der unskalierten Quellbitmap. (Firefox Fehler 2010125).

DOM

• Die Methode HTMLSelectElement.showPicker() wird nun für eine Liste von Optionen unterstützt, die in einem <datalist> definiert sind. Dies ermöglicht es, dass der Browser-Picker für ein <datalist> programmgesteuert gestartet wird, wenn er durch Benutzerinteraktion ausgelöst wird (Firefox Fehler 1998668).

• Die Schnittstelle CloseWatcher wird nun unterstützt. Dies ermöglicht es Entwicklern, Komponenten zu implementieren, die mit geräte-nativen Mechanismen wie der Esc-Taste auf Windows oder der Zurück-Taste auf Android ähnlich wie eingebauten Komponenten wie Dialogen und Popovers geschlossen werden können. (Firefox Fehler 1966073).

• DOM-Methoden erlauben jetzt einen größeren Umfang an Zeichen für Element- und Attributnamen. Zuvor waren DOM-Methoden weit restriktiver, jetzt erlauben sie denselben Zeichensatz wie der HTML-Parser. Die betroffenen Methoden sind: createAttribute(), createAttributeNS(), createElement() und createElementNS() der Document Schnittstelle, toggleAttribute(), setAttribute(), setAttributeNS() der Element Schnittstelle, createDocument() der DOMImplementation Schnittstelle, und define() und whenDefined() der whenDefined() Schnittstelle. (Firefox Fehler 1773312).

Medien, WebRTC und Web Audio

• Die Methode HTMLMediaElement.captureStream() wird nun unterstützt. Diese gibt ein Objekt zurück, das die Echtzeitaufnahme der Inhalte im Element streamt. Der Stream kann zum Beispiel als Quelle für eine WebRTC RTCPeerConnection verwendet werden. Zuvor war captureStream() nur als die nicht standardmäßige Methode mozCaptureStream() verfügbar. (Firefox Fehler 2017708).

• MediaElementAudioSourceNode berücksichtigt nun die Lautstärke des Medienelements beim Erfassen von Audio für alle Quelltypen (wie in der Spezifikation gefordert). Zuvor beeinflusste das Einstellen der Lautstärke des Elements nicht das erfasste Audio für MediaStream-Quellen. (Firefox Fehler 2010427).

• Die Methode HTMLMediaElement.mozCaptureStream() erfasst nun rohes Audio von der Quelle, ohne die Lautstärke des Medienelements anzuwenden, unabhängig von der Art der Quelle, die das Medienelement abspielt (wie in der Spezifikation gefordert). Vor dieser Änderung beeinflusste die Lautstärke des Medienelements die Lautstärke des erfassten Streams. (Firefox Fehler 2010427).

WebDriver-Konformität (WebDriver BiDi, Marionette)

Allgemeines

• Die Implementierungen für Screenshots sowohl im WebDriver BiDi als auch im klassischen WebDriver-Protokoll wurden aktualisiert, um korrekt einen Fehler zurückzugeben, wenn der angeforderte Screenshot-Bereich die maximal unterstützten Dimensionen überschreitet, anstatt ihn stillschweigend zu kürzen. (Firefox Fehler 1994148).
• Die Actions-Implementierung für beide Protokolle wurde aktualisiert, um eine scroll-Aktion des Eingabequelltyps wheel zu ermöglichen, die mehr als die visuellen Ansichtsfenster-Abmessungen scrollt. (Firefox Fehler 1962355).

WebDriver BiDi

• Unterstützung für die automatische Handhabung von Benutzeraufforderungen hinzugefügt, die über Fähigkeiten mit dem session.new-Befehl konfiguriert werden kann. (Firefox Fehler 1905086).
• Der Befehl browser.setDownloadBehavior wurde hinzugefügt, der es Clients ermöglicht, Downloads zu erlauben oder zu verbieten und auch einen benutzerdefinierten Download-Ordner zu setzen. Dieses Verhalten kann pro Sitzung oder pro Benutzerkontext konfiguriert werden. (Firefox Fehler 1989022).
• Die Ereignisse script.realmCreated und script.realmDestroyed für Worker-Umgebungen (für dedizierte, geteilte und Service-Worker) wurden hinzugefügt. (Firefox Fehler 1936770).
• Ein Problem wurde behoben, bei dem die Ereignisse browsingContext.userPromptOpened und browsingContext.userPromptClosed fälschlicherweise die Kontext-ID der obersten Ebene statt der Kontext-ID des iframes auf Android meldeten. (Firefox Fehler 2007385).
• Die Serialisierung für DOM-Knoten wurde korrigiert, um benutzerspezifische Shadow-Roots nicht mehr offenzulegen. (Firefox Fehler 2016673).
• Die Logik für die Anwendung verschiedener Einstellungen auf neue Browsing-Kontexte wurde aktualisiert, um sicherzustellen, dass im Fall der Erstellung eines Browsing-Kontexts mit dem window.open-Befehl Emulationen, Ansichtsfenster-Überschreibungen und Preload-Skripte angewandt werden, bevor der Befehl zurückkehrt. (Firefox Fehler 1985997, Firefox Fehler 2005546 und Firefox Fehler 2005558).

Marionette

• Mehrere klassische WebDriver-Befehle wurden verbessert, um implicit und pageLoad-Timeouts in Übereinstimmung mit der Skript-Timeout zu behandeln, sodass null-Werte die Timeouts deaktivieren. (Firefox Fehler 2008345).

Änderungen für Add-on-Entwickler

• Fügt anfängliche Unterstützung für die geteilte Ansicht hinzu. Diese Unterstützung umfasst:
  • Einbeziehung der geteilten Ansicht-ID in tabs.query, tabs.onUpdated, und tabs.Tab
  • Dokumentation des Verhaltens, wenn tabs.move oder tabs.remove Tabs in einer geteilten Ansicht beinhalten. (Firefox Fehler 1993037)
• Unterstützung für tabId als oberstes Parameter-Level in action.isEnabled und browserAction.isEnabled hinzugefügt. Diese Änderung bietet Kompatibilität mit der Chrome-Implementierung von action.isEnabled. (Firefox Fehler 2013477)
• Für action.openPopup und browserAction.openPopup ist kein Benutzer-Geste mehr erforderlich, um ein Popup zu öffnen. Diese Funktion war hinter der extensions.openPopupWithoutUserGesture.enabled-Einstellung seit Firefox 108 verfügbar. Diese Änderung bringt das Firefox-Verhalten in Einklang mit Chrome und Safari. (Firefox Fehler 1799344)
• Wenn winedowId in action.openPopup oder browserAction.openPopup übergeben wird, muss das Fenster fokussiert (aktiv) sein, damit das Popup geöffnet wird. Um ein Popup in einem nicht fokussierten Fenster zu öffnen, muss windows.update(windowId, { focused: true }) zuerst aufgerufen werden. Diese Änderung bringt das Firefox-Verhalten in Einklang mit Chrome. (Firefox Fehler 2011516)

• Die Fähigkeit von Erweiterungen, Code dynamisch in ihren moz-extension: Dokumenten mit tabs.executeScript, tabs.insertCSS, tabs.removeCSS, scripting.executeScript, scripting.insertCSS, und scripting.removeCSS auszuführen, ist veraltet. (Firefox Fehler 2011234) Die Funktion ist nicht mehr in Firefox Nightly verfügbar, und die Beta- und Release-Versionen von Firefox bieten eine Warnung in der Konsolenansicht des Tabs. Diese Einschränkung wird auf alle Versionen von Firefox 152 und höher angewendet. (Firefox Fehler 2015559) Als Alternative kann eine Erweiterung Code in ihren Dokumenten dynamisch ausführen, indem sie einen runtime.onMessage-Listener im Skript des Dokuments registriert und dann eine Nachricht sendet, um die Ausführung des erforderlichen Codes auszulösen.
• Der implizite CSS-Filter, der auf Seitenaktion SVG-Icons auf dunklen Themes angewendet wird, wird in Nightly-Builds deaktiviert (Firefox Fehler 2001318) und wird in anderen Firefox-Editionen ab Version 152 deaktiviert (Firefox Fehler 2016509). Sie können Seitenaktions-SVG-Icons mit dem deaktivierten CSS-Filter in anderen Firefox-Editionen testen, indem Sie eine boolesche about:config-Einstellung namens extensions.webextensions.pageActionIconDarkModeFilter.enabled erstellen und diese auf false setzen.

Experimentelle Web-Funktionen

Diese Funktionen sind in Firefox 149 verfügbar, jedoch standardmäßig deaktiviert. Um mit ihnen zu experimentieren, suchen Sie die entsprechende Einstellung auf der about:config-Seite und setzen Sie sie auf true. Weitere solcher Funktionen finden Sie auf der Seite Experimentelle Funktionen.

• <attr-type> Werte in der attr() CSS-Funktion: layout.css.attr.enabled

  Die attr() CSS-Funktion unterstützt jetzt <attr-type> Werte. Dies ermöglicht es Ihnen, anzugeben, wie ein Attributwert in einen CSS-Wert geparst wird, und diese Werte direkt von data-* zu übernehmen. (Firefox Fehler 1986631 & Firefox Fehler 1998245).

• color-mix() akzeptiert mehrere Farbargumente: layout.css.color-mix-multi-color.enabled

  Die color-mix() CSS-Funktion unterstützt jetzt mehrere <color> Werte anstatt nur zwei. Dies ermöglicht es Ihnen, viele Farben zu mischen und die Prozentsätze jeder Farbe festzulegen. (Firefox Fehler 2007772).

• Medien-basierte Pseudoklassen: dom.media.pseudo-classes.enabled

  Die medien-basierten Pseudoklassen :buffering, :muted, :paused, :playing, :seeking, :stalled, und :volume-locked ermöglichen es Ihnen, <audio> und <video> Elemente basierend auf ihrem aktuellen Zustand, wie abspielen oder pausiert, zu stylen. (Firefox Fehler 1707584, Firefox Fehler 2014512).

• alpha & colorspace Attribute in color Eingabeelementen (nur Nightly): dom.forms.html_color_picker.enabled

  Das HTML <input type="color">-Element unterstützt die Attribute alpha & colorspace. (Firefox Fehler 1919718).

• @container style() Abfragen (Nightly): layout.css.style-queries.enabled

  Die @container CSS at-rule unterstützt style() Abfragen. Dies ermöglicht es Ihnen zu überprüfen, ob ein Container eine gültige CSS-Deklaration, eine CSS-Eigenschaft oder eine benutzerdefinierte Eigenschaft hat, und dementsprechend Stile auf seine Kinder anzuwenden. (Firefox Fehler 2014404).

• CSS Typisiertes Objektmodell Level 1: layout.css.typed-om.enabled

  Die Spezifikation des CSS Typisierten Objektmodells Level 1 wird implementiert. In dieser Veröffentlichung wurde die Unterstützung für die Methode to() der Schnittstelle CSSNumericValue hinzugefügt, die es ermöglicht, einen CSS-numerischen Wert von einer Einheit in eine andere zu konvertieren. (Firefox Fehler 1278697).

• JPEG XL Bildunterstützung: Rust-basierter Decoder: image.jxl.enabled

  Der vorherige C++ JPEG XL Bilddecoder wurde durch eine neue Rust-basierte Implementierung ersetzt, die die jxl-rs-Bibliothek verwendet. (Firefox Fehler 1986393).