Firefox 153 Versionshinweise für Entwickler

Änderungen für Webentwickler

Entwicklerwerkzeuge

• Die Entwicklerwerkzeuge zeigen jetzt die Überschriftenebene für ein Überschrifts-Element im Zugänglichkeits-Highlighter und im Zugänglichkeitsbaum an (zuvor wurde nur die Tatsache angezeigt, dass es sich um eine Überschrift handelt). Die Information ist im Panel des Zugänglichkeitsinspektors zu finden. (Firefox Bug 1588784 und Firefox Bug 2044904).

HTML

• Die HTML-Parsing-Regeln für <select>-Elemente wurden aktualisiert, um alle verschachtelten Elemente im DOM zu parsen und nicht nur <option>, <optgroup> und <hr>. Dies ermöglicht eine mögliche zukünftige Unterstützung von anpassbaren Auswahl-Elementen. (Firefox Bug 2019977).
• Das muted Attribut für die <audio> und <video> Elemente wurde aktualisiert, um zu reflektieren, wann es dem DOM hinzugefügt oder daraus entfernt wird. Dieses Attribut entspricht jetzt auch dem Zustand der :muted CSS-Pseudoklasse. (Firefox Bug 2037015).

CSS

• Der Selektor des Pseudoelements ::-webkit-scrollbar wird jetzt erkannt, sodass die Überprüfung @supports selector(::-webkit-scrollbar) true zurückgibt. Beachten Sie, dass dieser Selektor als unterstützt gemeldet wird, obwohl das Styling von Scrollleisten über ::-webkit-scrollbar nicht wirklich implementiert ist. Dies wurde hinzugefügt, um ein Problem zu beheben, bei dem Scrollleisten in verschachtelten scrollbaren Bereichen übereinander gestapelt werden könnten. Zum Beispiel, wenn eine Scrollleiste auf display: none oder width: 0 gesetzt ist und so einige Inhalte unerreichbar macht. (Firefox Bug 2038877).

JavaScript

• Der TC39 Intl.Locale info Vorschlag wird jetzt unterstützt. Dazu gehören alle Instanzmethoden auf Intl.Locale, die mit "get" beginnen — getCalendars(), getCollations(), getHourCycles(), getNumberingSystems(), getTextInfo(), getTimeZones() und getWeekInfo(). (Firefox Bug 2037069).
• Die statische Daten-Eigenschaft Error.stackTraceLimit wird unterstützt, um die maximale Anzahl von Stack-Frames festzulegen oder abzurufen, die in einem Fehler-Stack-Trace erfasst werden. Eine kleinere Einstellung als der Standardwert kann die Leistung verbessern. (Firefox Bug 2037856).
• Textmodule können jetzt in einen String importiert werden, indem with { type: "text" } verwendet wird. Im Gegensatz zu JavaScript- oder CSS-Modulen wird der Medientyp der Antwort ignoriert, und der Inhalt wird als Text geparst, selbst wenn die Datei Skripte oder anderen ausführbaren Code enthält. (Firefox Bug 2039881).
• Die Syntax import source (Teil des TC39 source phase imports Vorschlags) wird jetzt unterstützt. Es ist ähnlich wie die normale import Deklaration, statt jedoch ein Modul zu laden und zu evaluieren, wird ein Objekt erzeugt, das den Quellcode des Moduls repräsentiert und später ausgewertet werden kann. Beachten Sie, dass diese Funktion für Entwickler noch nicht nützlich ist, da derzeit nur die Syntax unterstützt wird: Die Quellcode-Darstellung von WebAssembly-Modulen wird separat implementiert und ist noch nicht verfügbar. (Firefox Bug 2043242).

APIs

• Die Methoden IDBObjectStore.getAllRecords() und IDBIndex.getAllRecords() werden jetzt unterstützt. Diese rufen alle (oder eine bestimmte Teilmenge von) Datensätzen aus einem Objektstore bzw. Index ab. (Firefox Bug 1927945).
• Die Picture-in-Picture API wird jetzt auf Desktop-Plattformen unterstützt. Dies bietet eine bequeme Möglichkeit für Websites, die Anzeige eines <video>-Elements zwischen einer Seite und einem schwebenden Always-on-Top-Videofenster umzuschalten, sodass Nutzer weiterhin zuschauen können, während sie mit anderen Websites oder Anwendungen interagieren. (Firefox Bug 1463402).

DOM

• Die Popover API hat nun ein konsistenteres Verhalten, wenn Hinweis- und auto` Popovers geöffnet und geschlossen werden. Dies folgt dem Spezifikationsupdate in whatwg/html#12345. (Firefox Bug 2029974).

Medien, WebRTC und Web Audio

• Die Methode RTCDtlsTransport.getRemoteCertificates() erhält die Zertifikate, die von dem entfernten Peer verwendet werden, um die DTLS-Kommunikation abzusichern. Diese können für die Authentifizierung auf Anwendungsebene eines entfernten Peers genutzt werden. (Firefox Bug 1805446).
• Die Methoden decodingInfo() und encodingInfo() der MediaCapabilities Schnittstelle akzeptieren jetzt den "webrtc" Konfigurationstyp. Dadurch kann eine Site abfragen, ob eine gegebene Audio- oder Videokonfiguration mithilfe von WebRTC dekodiert oder kodiert werden kann und ob dies reibungslos, energieeffizient oder beides durchgeführt wird. Die Unterstützung für den nicht-standardisierten transmission Typ, der als Alias für webrtc verwendet wurde, wurde entfernt. (Firefox Bug 2037610 und Firefox Bug 2032075).
• Alle obligatorischen und einige optionale WebRTC "Transport"-Statistiken können jetzt in einem RTCStatsReport gemeldet werden. Das zurückgegebene Objekt ist ein RTCTransportStats mit den folgenden Eigenschaften: dtlsCipher, dtlsRole, dtlsState, iceLocalUsernameFragment, iceRole, iceState, id, selectedCandidatePairId, srtpCipher, timestamp, tlsVersion und type. Zusätzlich ist die transportId-Eigenschaft jetzt verfügbar in RTCOutboundRtpStreamStats, RTCRemoteOutboundRtpStreamStats, RTCRemoteInboundRtpStreamStats und RTCInboundRtpStreamStats. (Firefox Bug 1225723 und Firefox Bug 2019389).

WebAssembly

• Die Integration von JavaScript-Promises (JS-PI) ist jetzt aktiviert, was es WebAssembly Modulen ermöglicht, mit asynchronen, auf Promise-basierenden JavaScript-APIs zusammenzuarbeiten. Dies erlaubt es, dass WebAssembly-Code pausiert, während auf ein JavaScript-Promise gewartet wird, und fortgesetzt wird, wenn das Promise erfüllt wird. Siehe WebAssembly.Suspending für eine Erklärung und ein funktionierendes Beispiel. (Firefox Bug 2044809).

WebDriver-Konformität (WebDriver BiDi, Marionette)

Allgemein

• Verbesserte die Kommandos zur Fenster-Manipulation in Marionette und WebDriver BiDi, um es zu ermöglichen, einzelne Fenstergeometrie-Eigenschaften wie x, y, Breite und Höhe unabhängig voneinander anzupassen. (Firefox Bug 1941404).
• Ein Fehler wurde behoben, bei dem Klick- und Zeigeraktionskommandos fehlschlagen konnten, wenn das erste DOMRect des Elements (z. B. Inline-Elemente, die sich über mehrere Zeilen erstrecken) eine Größe von Null hatte. (Firefox Bug 2038932).
• Eingeschränkte Navigation zu privilegierten Seiten (bestimmte about:* Seiten, chrome://, und resource:// URLs) beim Arbeiten im Inhaltsbereich. (Firefox Bug 1579790).

WebDriver BiDi

• Das Kommando emulation.setLocaleOverride wurde erweitert, um auch eine Locale-Emulation auf dedizierte und geteilte Worker anzuwenden. (Firefox Bug 2015655).
• Das Kommando emulation.setTimezoneOverride wurde erweitert, um auch eine Zeitzonen-Emulation auf dedizierte und geteilte Worker anzuwenden. (Firefox Bug 2015657).
• Das Kommando browsingContext.create wurde aktualisiert, sodass browsingContext.domContentLoaded und browsingContext.load Ereignisse nicht mehr für die initiale about:blank Seite ausgegeben werden, wenn neue übergeordnete Browsing-Kontexte erstellt werden. Das browsingContext.contextCreated Ereignis wird jetzt am Ende des Erstellungsprozesses ausgegeben. (Firefox Bug 1930594).
• Ein Fehler wurde behoben, bei dem Funktionen, die durch das Kommando script.addPreloadScript erstellt wurden, nach mehreren Navigationen möglicherweise nicht mehr funktionierten. (Firefox Bug 2046390).

Marionette

• Das Take Element Screenshot Kommando aus dem WebDriver Classic wurde behoben, um Screenshots von Elementen, die den Viewport überschreiten, zuzuschneiden. (Firefox Bug 2013176).
• Das Perform Actions Kommando wurde korrigiert, um die interne Aktionsfinalisierung korrekt abzuwarten und so potenzielle Rennbedingungen zu vermeiden. (Firefox Bug 2031596).

Änderungen für Erweiterungsentwickler

• Erweiterungen benötigen jetzt eine explizite Benutzererlaubnis, um auf file:// URLs zuzugreifen. Zuvor war der Zugriff auf lokale Dateien durch die Host-Berechtigung "Zugriff auf Ihre Daten für alle Websites" abgedeckt. Diese Änderung führt eine separate Option "Zugriff auf lokale Dateien auf Ihrem Computer" in den Berechtigungseinstellungen der Erweiterung (nur auf dem Desktop) ein, und der Dateizugriff ist standardmäßig für alle Erweiterungen, auch für bestehende, deaktiviert. Die Methode extension.isAllowedFileSchemeAccess() gibt jetzt korrekt true zurück, wenn der Benutzer den Dateischema-Zugriff gewährt hat; zuvor gab Firefox immer false zurück. Zudem erfordert der Aufruf von devtools.inspectedWindow.eval() auf file:// URLs jetzt diese Erlaubnis. (Firefox Bug 2034168)
• Unterstützt die Methode userScripts.execute(), die es Erweiterungen ermöglicht, Benutzerskripte auf Abruf in einen Tab oder ein Frame einzufügen. Im Gegensatz zu userScripts.register() unterstützt diese Methode einmaliges Einfügen mehrerer Skriptquellen, die in einer definierten Reihenfolge ausgeführt werden. (Firefox Bug 1930776)
• Fügt die publicSuffix API hinzu, die es Erweiterungen ermöglicht, die registrierbare Domain (eTLD+1) und den public suffix eines Hostnamens unter Verwendung der eingebauten Public Suffix List des Browsers zu bestimmen. Die API bietet drei synchrone Methoden: publicSuffix.isKnownSuffix(), publicSuffix.getKnownSuffix() und publicSuffix.getDomain(). (Firefox Bug 1315558)
• Fügt documentId zu einer Reihe von WebExtension-APIs hinzu, darunter eine neue Methode runtime.getDocumentId(), webNavigation Ereignisse und Methoden, webRequest Ereignisse, Scripting-Injektion-Targets und Messaging-APIs. Siehe Arbeiten mit documentId für die vollständige Liste der unterstützten Ereignisse und Methoden sowie Anleitungen zur Verwendung von documentId. (Firefox Bug 1891478)
• Erweiterungs-Inhalts-Skripte können nun konstruierte Stylesheets in document.adoptedStyleSheets und ShadowRoot.adoptedStyleSheets lesen und ändern, ohne .wrappedJSObject. (Firefox Bug 1751346)
• Der theme Manifest-Schlüssel images.additional_backgrounds unterstützt nun CSS-Gradienten zusätzlich zu Bild-URLs. Eine neue properties.additional_backgrounds_size Eigenschaft steuert die Größe jedes zusätzlichen Hintergrundelements. (Firefox Bug 2036647)
• Für kontextuelle Identitäten (Container):
  • Fügt die Methoden contextualIdentities.getSupportedColors() und contextualIdentities.getSupportedIcons() hinzu, um die unterstützten Farben und Symbole zu erhalten und so die Werte nicht hartkodieren zu müssen. (Firefox Bug 2044712)
  • Aktualisiert die verfügbaren Farben. "turquoise" wird in "cyan" umbenannt, "toolbar" wird in "gray" umbenannt und "violet" wird hinzugefügt. Die Legacy-Namen "turquoise" und "toolbar" werden aus Kompatibilitätsgründen akzeptiert. Um die Farbennamen nicht hart zu codieren, verwenden Sie contextualIdentities.getSupportedColors(), um die verfügbaren Farben abzurufen. (Firefox Bug 2044354)

Experimentelle Web-Funktionen

Diese Funktionen sind in Firefox 153 enthalten, aber standardmäßig deaktiviert. Um mit ihnen zu experimentieren, suchen Sie auf der about:config Seite nach der entsprechenden Präferenz und setzen Sie diese auf true. Weitere solcher Funktionen finden Sie auf der Seite Experimentelle Funktionen.

• JPEG XL Bildunterstützung (Nightly): image.jxl.enabled

  Der Rust-basierte JPEG XL Bilddecoder ist jetzt standardmäßig in Nightly aktiviert. (Firefox Bug 2040074).

• headingoffset und headingreset HTML-Attribute: dom.headingoffset.enabled

  Das globale Attribut headingoffset erhöht die berechnete Überschriftenebene der Überschriftselemente innerhalb des Elements, auf dem es gesetzt ist, sodass ein Element die gleiche Überschriftenauszeichnung überall, wo es erscheint, verwenden kann. Das Attribut headingreset stoppt die Offsets der übergeordneten Elemente davon, sich auf die Überschriften innerhalb des Elements, auf dem es gesetzt ist, auszuwirken. (Firefox Bug 1974383).

• Tree counting CSS functions: layout.css.tree-counting-functions.enabled

  Die Funktionen sibling-count() und sibling-index() werden jetzt unterstützt. Die sibling-count() Funktion gibt die Anzahl der Geschwisterelemente sowie das Element selbst zurück. Die sibling-index() Funktion gibt die Indexnummer des Elements in Relation zu seinen Geschwistern zurück, dies beginnt bei 1 und nicht 0. (Firefox Bug 2042063).

• Aktualisierung von Attributen externer Ressourcen: layout.css.link-parameters.enabled

  Die CSS-Eigenschaft link-parameters und die CSS-Funktion param() werden jetzt unterstützt. Dies ermöglicht es dem Benutzer, Attribute externer Ressourcen, wie SVGs, deren Attribute mit der CSS-Funktion env() gesetzt wurden, zu aktualisieren. Dies bedeutet, dass eine einzelne externe Ressource verwendet werden kann, anstatt mehrere Variationen zu erstellen, die nur unterschiedliche Farben oder andere Werte haben. (Firefox Bug 2046153).

• CSS-Basisformen erlauben die Schlüsselwörter farthest-corner und closest-corner (Nightly): layout.css.ellipse-corners.enabled

  Die Schlüsselwörter farthest-corner und closest-corner können jetzt verwendet werden, um die Radiuswerte der CSS-Basisformen ellipse() und circle() zu bestimmen. (Firefox Bug 2037673).