Firefox 101 für Entwickler

Keine bemerkenswerten Änderungen.

• Die prefers-contrast Media-Feature, die verwendet wird, um zu erkennen, ob der Benutzer eine Präferenz für höheren (more) oder niedrigeren (less) Kontrast in der Darstellung von Webinhalten angegeben hat, ist jetzt standardmäßig verfügbar. Diese Funktion ermöglicht es Benutzern nun auch, einen Satz von Farben anzugeben, die für den Kontrast verwendet werden sollen, durch den neuen custom Wert (Firefox-Bug 1656363).

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

• Unterstützung für den inline-size Wert für die contain Eigenschaft wurde hinzugefügt. Weitere Informationen finden Sie unter (Firefox-Bug 1755565).

Keine bemerkenswerten Änderungen.

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-Bug 1652950).

• HTMLInputElement.showPicker() wird jetzt unterstützt, sodass der Picker für ein Eingabeelement angezeigt werden kann, wenn ein Benutzer mit einem anderen Element, wie etwa einem Button, interagiert (Firefox-Bug 1745005).

• DOMException ist jetzt ein serialisierbares Objekt, sodass es mit structuredClone() geklont oder zwischen workers mithilfe von postMessage() kopiert werden kann (Firefox-Bug 1561357).

• Konstruktionsfähige Stylesheets werden jetzt unterstützt, wodurch es viel einfacher wird, wiederverwendbare Stylesheets für die Verwendung mit Shadow DOM zu erstellen. Das Update umfasst die Hinzufügung eines CSSStyleSheet()-Konstruktors zur Erstellung neuer Stylesheets, die Methoden CSSStyleSheet.replace() und CSSStyleSheet.replaceSync(), die verwendet werden können, um CSS-Regeln im Sheet hinzuzufügen/zu ersetzen, sowie die Eigenschaften Document.adoptedStyleSheets und ShadowRoot.adoptedStyleSheets, die verwendet werden, um Stylesheets auf ein Dokument und seine Shadow DOM-Subtrees zu teilen. Weitere Informationen finden Sie im Firefox-Bug 1520690.

Medien, WebRTC und Web Audio

• AV1-Codec-Parameter werden jetzt in Medienunterstützungsabfragen korrekt geparst. Dies bedeutet, dass MediaCapabilities.decodingInfo(), HTMLMediaElement.canPlayType() und MediaSource.isTypeSupported() jetzt die Unterstützung für die Wiedergabe von AV1-Quellen basierend auf den bereitgestellten Codec-Parametern genau berichten. MediaCapabilities.decodingInfo() wird auch die Informationen verwenden, um genau über die "effiziente Dekodierung" von AV1-Videos zu berichten. Weitere Informationen finden Sie im Firefox-Bug 1757861.

• maxFramerate wird jetzt unterstützt, um die maximale Framerate festzulegen, die zum Senden einer Kodierung (in RTCPeerConnection.addTransceiver() und RTCRtpSender.setParameters()) verwendet werden kann. Beachten Sie, dass null ein gültiger Framerate-Wert ist, aber von Firefox als "kein Framerate-Limit" interpretiert wird. Weitere Informationen finden Sie im Firefox-Bug 1611957.

SVG

• SVG-Bilder in der Firefox-Oberfläche, die mithilfe von prefers-color-scheme gestaltet sind, berücksichtigen das color-scheme des Einbettenden (zuvor ignorierte prefers-color-scheme das color-scheme des Einbettenden und orientierte sich entweder am Geräte- oder Browser-Theme). Dies stellt sicher, dass zum Beispiel ein Favicon immer so gestaltet ist, dass es zum Thema der Elemente passt, die es umgeben, und nicht notwendigerweise zum (möglicherweise unterschiedlichen) Thema des Geräts passt. (Firefox-Bug 1764354).

Ab dieser Version von Firefox wird das WebDriver BiDi Protokoll standardmäßig aktiviert. Eine WebDriver BiDi-Sitzung kann durch die Nutzung des klassischen WebDriver (geckodriver, Marionette) und das Setzen der webSocketURL-Fähigkeit auf true angefordert werden, wenn eine neue WebDriver-Sitzung erstellt wird. Die gleiche Fähigkeit enthält dann den WebSocket-Endpunkt, mit dem sich BiDi-Clients verbinden können.

Die folgenden Befehle und Ereignisse sind verfügbar:

• Fügt das session-Modul hinzu, einschließlich einer Teilimplementierung für die Befehle, um global auf Ereignisse zu abonnieren (session.subscribe) und das Abonnement zu kündigen (session.unsubscribe), sowie die Möglichkeit, eine direkte WebDriver BiDi-Sitzung zu erstellen (session.new), wenn der klassische WebDriver 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 zu schließen (browsingContext.close), offene Browsing-Kontexte abzurufen (browsingContext.getTree) und innerhalb eines Browsing-Kontexts 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 Ereignisse im Log (log.entryAdded).

Weitere Informationen finden Sie in der vollständigen Bugliste.

• Hinzufügen des storage.StorageArea.onChanged Ereignisses, das es Ihnen ermöglicht, Änderungen im Inhalt der local und sync Speicherbereiche zu verfolgen (Firefox-Bug 1758475).
• Vorschau der Manifest V3 Funktionen:
  • Hinzufügen 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-Bug 1687764). Diese API steht Erweiterungen in Manifest V3 zur Verfügung und übernimmt die Ausführungs-, Einfüge- und Entfernungsmöglichkeiten von CSS aus der tabs API.
  • Hinzufügen der action API, die die Funktionen der browserAction API in Manifest V3 Erweiterungen übernimmt. Entsprechende Hinzufügung des "action" Manifest-Schlüssels und des _execute_action speziellen Shortcuts 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ügen des "host_permissions" Manifest-Schlüssels, der für Manifest V3 Erweiterungen verfügbar ist.
  • Die Ausführungsumgebung von Inhaltsskripten hat sich für Manifest V3 Erweiterungen geändert:
    • Inhaltsskripte können sich nicht mehr auf Host-Berechtigungen verlassen, um Cross-Origin-Anfragen auszuführen. Cross-Origin-Anfragen aus Inhaltsskripten sind mit CORS möglich.
    • Das content Objekt (das content.fetch, content.XMLHttpRequest und content.WebSocket anbot) wird aus der Ausführungsumgebung des Inhaltsskripts entfernt.