Entwicklerhinweise zu Firefox 101

Änderungen für Webentwickler

HTML

Keine bemerkenswerten Änderungen.

CSS

• Die prefers-contrast Media-Eigenschaft, die verwendet wird, um zu erkennen, ob der Benutzer eine Präferenz für höheren (more) oder geringeren (less) Kontrast in der Darstellung von Webinhalten angegeben hat, ist jetzt standardmäßig verfügbar. Diese Funktion erlaubt es jetzt auch, Benutzern eine Farbsatz für den Kontrast durch den neuen custom Wert anzugeben (Firefox Fehler 1656363).

• Drei neue Viewport-Größen wurden eingeführt: klein (s), groß (l) und dynamisch (d). Diese neuen Größen haben neue Viewport-Prozentlängeneinheiten zusätzlich zu den bestehenden - vh, vw, vmax und vmin - hinzugefügt. Die neuen Viewport-Prozentlängeneinheiten umfassen svh, lvh, dvh, svw, lvw, dvw, svmax, lvmax, dvmax, svmin, lvmin und dvmin (Firefox Fehler 1610815). Zusätzlich werden die Einheiten vb und vi jetzt standardmäßig unterstützt (Firefox Fehler 1610815).

• Unterstützung für den Wert inline-size der contain Eigenschaft wurde hinzugefügt. Für weitere Informationen siehe (Firefox Fehler 1755565).

JavaScript

Keine bemerkenswerten Änderungen.

APIs

DOM

• HTMLMediaElement.preservesPitch wird jetzt ohne das moz Präfix unterstützt. mozPreservesPitch ist jetzt ein Alias von preservesPitch, ist aber veraltet und könnte in zukünftigen Versionen entfernt werden (Firefox Fehler 1652950).

• HTMLInputElement.showPicker() wird jetzt unterstützt, wodurch der Picker für ein Eingabeelement angezeigt werden kann, wenn ein Benutzer mit einem anderen Element, z.B. einem Button, interagiert (Firefox Fehler 1745005).

• DOMException ist jetzt ein serialisierbares Objekt, sodass es mit structuredClone() geklont oder zwischen Workers mit postMessage() kopiert werden kann (Firefox Fehler 1561357).

• Konstruierbare Stylesheets werden jetzt unterstützt, was es viel einfacher macht, wiederverwendbare Stylesheets für die Verwendung mit Shadow DOM zu erstellen. Die Aktualisierung umfasst die Hinzufügung eines CSSStyleSheet() Konstruktors zur Erstellung neuer Stylesheets, die Methoden CSSStyleSheet.replace() und CSSStyleSheet.replaceSync(), die zum Hinzufügen/Ersetzen von CSS-Regeln im Sheet verwendet werden können, sowie die Eigenschaften Document.adoptedStyleSheets und ShadowRoot.adoptedStyleSheets, die verwendet werden, um Stylesheets zu einem Dokument und seinen Shadow DOM Unterbäumen zu teilen. Siehe Firefox Fehler 1520690 für weitere Informationen.

Medien, WebRTC und Web Audio

• AV1-Codec-Parameter werden jetzt in Medienunterstützungsabfragen korrekt analysiert. Das bedeutet, dass MediaCapabilities.decodingInfo(), HTMLMediaElement.canPlayType() und MediaSource.isTypeSupported() nun die Unterstützung für die Wiedergabe von AV1-Quellen basierend auf den bereitgestellten Codec-Parametern genau berichten werden. MediaCapabilities.decodingInfo() wird auch die Informationen verwenden, um genau über das "effiziente Decoding" von AV1-Videos zu berichten. Für weitere Informationen siehe Firefox Fehler 1757861.

• maxFramerate wird jetzt unterstützt, um die maximale Bildrate festzulegen, die zum Senden einer Codierung verwendet werden kann (in RTCPeerConnection.addTransceiver() und RTCRtpSender.setParameters()). Beachten Sie, dass null ein gültiger Bildratenwert ist, aber von Firefox als "kein Bildratenlimit" interpretiert wird. Für weitere Informationen siehe Firefox Fehler 1611957.

SVG

• SVG-Bilder in der Firefox-Benutzeroberfläche, die mithilfe von prefers-color-scheme gestaltet sind, respektieren das color-scheme des Einbettenden (zuvor ignorierte prefers-color-scheme das color-scheme des Einbettenden und wurde entweder durch das Gerät oder das Browser-Thema ausgelöst). Dies stellt sicher, dass z.B. ein Favicon immer so gestaltet ist, dass es zum Thema der Elemente passt, die es einbetten, und nicht unbedingt dem (möglicherweise anderen) Thema des Geräts entspricht. (Firefox Fehler 1764354).

WebDriver-Konformität (WebDriver BiDi, Marionette)

Ab dieser Version von Firefox ist das WebDriver BiDi Protokoll standardmäßig aktiviert. Eine WebDriver BiDi Sitzung kann angefordert werden, indem WebDriver classic (geckodriver, Marionette) verwendet wird und die webSocketURL Fähigkeit beim Erstellen einer neuen WebDriver-Sitzung auf true gesetzt wird. Diese Fähigkeit enthält dann den WebSocket-Endpunkt, mit dem BiDi-Clients eine Verbindung herstellen können.

Die folgenden Befehle und Ereignisse sind verfügbar:

• Fügt das session Modul hinzu, einschließlich einer teilweisen Implementierung für die Befehle zum globalen Abonnieren (session.subscribe) und Abbestellen (session.unsubscribe) von Ereignissen sowie die Möglichkeit, eine direkte WebDriver BiDi-Sitzung zu erstellen (session.new), wenn WebDriver classic nicht verwendet wird.

• Fügt das browsingContext Modul hinzu, einschließlich der Befehle, um einen neuen Tab oder ein neues Fenster zu öffnen (browsingContext.create) oder ein solches zu schließen (browsingContext.close), offene Browsing-Kontexte abzurufen (browsingContext.getTree) und innerhalb eines Browsing-Kontextes zu navigieren (browsingContext.navigate). Es gibt auch Unterstützung für das Ereignis, wenn ein Browsing-Kontext erstellt wurde (browsingContext.contextCreated).

• Fügt das log Modul hinzu, einschließlich Unterstützung für Log-Ereignisse (log.entryAdded).

Für weitere Informationen siehe die vollständige Fehlerliste.

Änderungen für Add-on-Entwickler

• Hinzufügung des storage.StorageArea.onChanged Ereignisses, das es Ihnen ermöglicht, auf Änderungen in den local und sync Speicherbereichen zu hören (Firefox Fehler 1758475).
• Manifest V3 Vorschau Funktionen:
  • Hinzufügung der scripting API, die Funktionen bietet, um ein Skript auszuführen, CSS einzufügen und zu entfernen sowie die Registrierung von Inhalts-Skripten zu verwalten (Firefox Fehler 1687764). Diese API ist für Manifest V3 Erweiterungen verfügbar und übernimmt die Skriptausführungs- sowie die Einfüge- und Entfernungseigenschaften von CSS aus der tabs API.
  • Hinzufügung der action API, die die Funktionen der browserAction API in Manifest V3 Erweiterungen übernimmt. Entsprechende Hinzufügung des "action" Manifest-Schlüssel und _execute_action spezieller Shortcut zum Manifest commands Schlüssel. Beachten Sie, dass die browserAction API und der "browser_action" Manifest-Schlüssel nur in Manifest V2 Erweiterungen verfügbar sind.
  • Die "background" Manifest-Schlüsseleigenschaft "persistent" kann unter der Kontrolle von Präferenzen auf false gesetzt werden: für Manifest V2 die extensions.eventPages.enabled Präferenz, und in Manifest V3 die extensions.manifestV3.enabled Präferenz.
  • Hinzufügung des "host_permissions" Manifest-Schlüssel, der für Manifest V3 Erweiterungen verfügbar ist.
  • Die Umgebung für die Ausführung von Inhalts-Skripten hat sich für Manifest V3 Erweiterungen geändert:
    • Inhalts-Skripte können sich nicht mehr auf Host-Berechtigungen verlassen, um cross-origin Anfragen durchzuführen. Cross-origin Anfragen aus Inhalts-Skripten sind mit CORS möglich.
    • Das content Objekt (das content.fetch, content.XMLHttpRequest und content.WebSocket anbot) ist aus der Umgebung für die Ausführung von Inhalts-Skripten entfernt.