Firefox 101 für Entwickler
Dieser Artikel bietet Informationen über die Änderungen in Firefox 101, die Entwickler betreffen. Firefox 101 wurde am 31. Mai 2022 veröffentlicht.
Änderungen für Webentwickler
HTML
Keine bemerkenswerten Änderungen.
CSS
-
Das
prefers-contrast
Media-Feature, das verwendet wird, um zu erkennen, ob der Benutzer eine Präferenz für höheren (more
) oder niedrigeren (less
) Kontrast bei der Präsentation von Webinhalten angegeben hat, ist jetzt standardmäßig verfügbar. Dieses Feature ermöglicht es Benutzern jetzt auch, über den neuencustom
-Wert einen Satz von Farben für den Kontrast anzugeben (Firefox-Bug 1656363). -
Drei neue Ansichtsgrößen wurden eingeführt: klein (
s
), groß (l
) und dynamisch (d
). Diese neuen Größen fügen den bestehenden Viewport-Prozent-Längeneinheiten -vh
,vw
,vmax
undvmin
- neue Einheiten hinzu. Die neuen Viewport-Prozent-Längeneinheiten beinhaltensvh
,lvh
,dvh
,svw
,lvw
,dvw
,svmax
,lvmax
,dvmax
,svmin
,lvmin
unddvmin
(Firefox-Bug 1610815). Zusätzlich werden die Einheitenvb
undvi
jetzt standardmäßig unterstützt (Firefox-Bug 1610815). -
Unterstützung für den
inline-size
Wert für diecontain
-Eigenschaft wurde hinzugefügt. Für weitere Informationen, siehe (Firefox-Bug 1755565).
JavaScript
Keine bemerkenswerten Änderungen.
APIs
DOM
-
HTMLMediaElement.preservesPitch
wird jetzt ohne dasmoz
-Präfix unterstützt.mozPreservesPitch
ist jetzt ein Alias vonpreservesPitch
, wird aber als veraltet betrachtet und könnte in zukünftigen Versionen entfernt werden (Firefox-Bug 1652950). -
HTMLInputElement.showPicker()
wird jetzt unterstützt, wodurch der Picker für ein Eingabeelement angezeigt werden kann, wenn ein Benutzer mit einem anderen Element, wie z.B. einem Button, interagiert (Firefox-Bug 1745005). -
DOMException
ist jetzt ein serialisierbares Objekt und kann daher mitstructuredClone()
geklont oder zwischen Workern mitpostMessage()
kopiert werden (Firefox-Bug 1561357). -
Konstruktible Stylesheets werden jetzt unterstützt, was das Erstellen von wiederverwendbaren Stylesheets für die Verwendung mit Shadow DOM erheblich erleichtert. Das Update beinhaltet die Ergänzung eines
CSSStyleSheet()
-Konstruktors zur Erstellung neuer Stylesheets, die MethodenCSSStyleSheet.replace()
undCSSStyleSheet.replaceSync()
, die verwendet werden können, um CSS-Regeln im Sheet hinzuzufügen/zu ersetzen, sowie die EigenschaftenDocument.adoptedStyleSheets
undShadowRoot.adoptedStyleSheets
, die verwendet werden, um Sheets auf ein Dokument und dessen Shadow DOM-Subtrees zu teilen. Weitere Informationen finden Sie unter Firefox-Bug 1520690.
Medien, WebRTC und Web Audio
-
AV1-Codec-Parameter werden jetzt korrekt in Medienunterstützungsabfragen geparst. Das bedeutet, dass
MediaCapabilities.decodingInfo()
,HTMLMediaElement.canPlayType()
undMediaSource.isTypeSupported()
jetzt die Unterstützung für die Wiedergabe von AV1-Quellen basierend auf den angegebenen Codec-Parametern genau melden.MediaCapabilities.decodingInfo()
wird auch die Informationen nutzen, um die "effiziente Dekodierung" von AV1-Videos genau zu berichten. Für weitere Informationen siehe Firefox-Bug 1757861. -
maxFramerate
wird jetzt unterstützt, um die maximale Bildwiederholrate festzulegen, die zum Senden einer Kodierung verwendet werden kann (inRTCPeerConnection.addTransceiver()
undRTCRtpSender.setParameters()
). Beachten Sie, dass null ein gültiger Wert für die Bildwiederholrate ist, von Firefox jedoch als "keine Beschränkung der Bildwiederholrate" interpretiert wird. Weitere Informationen finden Sie unter Firefox-Bug 1611957.
SVG
-
SVG-Bilder in der Firefox-Benutzeroberfläche, die mit
prefers-color-scheme
gestylt werden, respektieren dascolor-scheme
des Einbettungselements (zuvor ignorierteprefers-color-scheme
dascolor-scheme
des Einbettungselements und richtete sich entweder nach dem Gerät oder dem Browser-Theme). Dies gewährleistet, dass z. B. ein Favicon immer so gestylt wird, dass es zum Thema der Elemente passt, die es einbetten, und nicht unbedingt zum (möglicherweise unterschiedlichen) Thema des Geräts. (Firefox-Bug 1764354).
WebDriver-Konformität (WebDriver BiDi, Marionette)
Mit dieser Firefox-Version wird das WebDriver BiDi-Protokoll standardmäßig aktiviert. Eine WebDriver-BiDi-Sitzung kann durch Verwendung des klassischen WebDriver (geckodriver, Marionette) angefordert werden, indem die webSocketURL
-Fähigkeit auf true
gesetzt wird, wenn eine neue WebDriver-Sitzung erstellt wird. Dieselbe Fähigkeit enthält dann den WebSocket-Endpunkt, an den BiDi-Clients sich anschließen können.
Die folgenden Befehle und Ereignisse sind verfügbar:
-
Fügt das
session
-Modul hinzu, einschließlich einer Teilimplementierung der Befehle zum globalen Abonnieren (session.subscribe
) und Abbestellen (session.unsubscribe
) von Ereignissen sowie der Möglichkeit, eine direkte WebDriver-BiDi-Sitzung zu erstellen (session.new
), wenn nicht der klassische WebDriver verwendet wird. -
Fügt das
browsingContext
-Modul hinzu, einschließlich der Befehle zum Öffnen eines neuen Tabs oder Fensters (browsingContext.create
) oder zum Schließen eines solchen (browsingContext.close
), zum Abrufen offener Browsing-Kontexte (browsingContext.getTree
) und zum Navigieren innerhalb eines Browsing-Kontexts (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 der Unterstützung für Log-Ereignisse (log.entryAdded
).
Für weitere Informationen, siehe die vollständige Bug-Liste.
Änderungen für Add-on-Entwickler
- Ergänzung des
storage.StorageArea.onChanged
Ereignisses, das es Ihnen ermöglicht, Änderungen an Inhalten in den Speicherbereichenlocal
undsync
nachzuvollziehen (Firefox-Bug 1758475). - Vorschau von Manifest V3 Features:
- Ergänzung 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 ist für Manifest V3-Erweiterungen verfügbar und übernimmt die Skript-Ausführung sowie das Einfügen und Entfernen von CSS-Funktionen von dertabs
API. - Ergänzung der
action
API, die die Funktionen derbrowserAction
API in Manifest V3-Erweiterungen übernimmt. Entsprechende Ergänzung des"action"
Manifest-Schlüssels und der_execute_action
spezialen Verknüpfung zumcommands
-Schlüssel des Manifests. Beachten Sie, dass diebrowserAction
API und der"browser_action"
Manifest-Schlüssel nur in Manifest V2-Erweiterungen verfügbar sind. - Die Eigenschaft
"persistent"
des"background"
Manifest-Schlüssels kann unter der Kontrolle von Präferenzen auffalse
gesetzt werden: für Manifest V2 dieextensions.eventPages.enabled
Präferenz und in Manifest V3 dieextensions.manifestV3.enabled
Präferenz. - Hinzufügung des
"host_permissions"
Manifest-Schlüssels, der für Manifest V3-Erweiterungen verfügbar ist. - Die Ausführungsumgebung für Inhaltsskripte hat sich für Manifest V3-Erweiterungen geändert:
- Inhaltsskripte können sich nicht mehr auf Host-Berechtigungen verlassen, um Cross-Origin-Anfragen durchzuführen. Cross-Origin-Anfragen von Inhaltsskripten sind mit CORS möglich.
- Das
content
Objekt (dascontent.fetch
,content.XMLHttpRequest
undcontent.WebSocket
bot) wurde aus der Ausführungsumgebung für Inhaltsskripte entfernt.
- Ergänzung der
Ältere Versionen
- Firefox 100 for developers
- Firefox 99 for developers
- Firefox 98 for developers
- Firefox 97 for developers
- Firefox 96 for developers
- Firefox 95 for developers
- Firefox 94 for developers
- Firefox 93 for developers
- Firefox 92 for developers
- Firefox 91 for developers
- Firefox 90 for developers
- Firefox 89 for developers
- Firefox 88 for developers
- Firefox 87 for developers
- Firefox 86 for developers
- Firefox 85 for developers
- Firefox 84 for developers
- Firefox 83 for developers
- Firefox 82 for developers
- Firefox 81 for developers
- Firefox 80 for developers
- Firefox 79 for developers
- Firefox 78 for developers
- Firefox 77 for developers
- Firefox 76 for developers
- Firefox 75 for developers
- Firefox 74 for developers
- Firefox 73 for developers
- Firefox 72 for developers
- Firefox 71 for developers
- Firefox 70 for developers