Firefox 70 für Entwickler

Debugger-Updates

• Im Debugger können Sie jetzt Haltepunkte für DOM-Mutation setzen, sodass die Ausführung pausiert, wenn ein Knoten oder seine Attribute geändert werden oder wenn ein Knoten aus dem DOM entfernt wird (Firefox-Bug 1576219).
• Der Debugger zeigt nun ein Overlay auf der Seite an, wenn er pausiert ist, mit grundlegenden Schritttasten, die es Ihnen ermöglichen, Schritte zu gehen und fortzufahren (Firefox-Bug 1574646).
• Der Debugger zeigt nun Quellen an, die bereits vom Engine verworfen wurden (normalerweise Skripte, die einmal beim Laden der Seite ausgeführt werden), sodass Sie richtig Haltepunkte setzen können, um zu debuggen, wenn sie das nächste Mal ausgeführt werden (Firefox-Bug 1572280).
• Die Gruppierung des Scopes-Panels des Debuggers wurde vereinfacht, indem zusätzliche Bereiche, die zuvor über der obersten Funktionsebene angezeigt wurden, zusammengefasst wurden (z.B. Blöcke, die durch let, with oder if/else erstellt wurden) (Firefox-Bug 1448166).
• Der Debugger behält nun die derzeit ausgewählten und erweiterten Variablen im Scopes-Panel beim Schrittegehen bei (Firefox-Bug 1405402).
• Der Debugger behandelt nun das Übergehen asynchroner Funktionen korrekt, wodurch das Debuggen von asynchronen Funktionen einfacher wird (Firefox-Bug 1570178).
• Beim Debuggen in Container-Sitzungen (nützlich zum Testen verschiedener Logins) werden die Quellen im Debugger jetzt korrekt angezeigt (Firefox-Bug 1375036).
• debugger-Anweisungen können jetzt im Debugger deaktiviert werden, indem Sie einen Haltepunkt darauf setzen und den Haltepunkt auf "Hier nie pausieren" umschalten (Firefox-Bug 925269).
• WebExtensions-Entwickler können browser.storage.local über das Extension Storage-Element unter dem Speicher-Tab inspizieren (Firefox-Bug 1585499).

Weitere Updates

• Ein Symbol wird neben inaktiven CSS-Eigenschaften in der Regeln-Ansicht des Seiteninspektors angezeigt, über das Sie den Mauszeiger bewegen können, um Informationen darüber zu erhalten, warum es inaktiv ist (Firefox-Bug 1306054).
• In der CSS-Regeln-Ansicht teilt Ihnen der Farbwähler bei Vordergrundfarben nun mit, ob der Kontrast zur Hintergrundfarbe die Anforderungen zur Barrierefreiheit erfüllt (Firefox-Bug 1478156).
• Das Barrierefreiheit-Inspektor-Dropdown "Auf Probleme prüfen" umfasst nun Tastaturzugänglichkeitsprüfungen (Firefox-Bug 1564968).

• Firefox kann nun sicher generierte Passwörter in den folgenden Situationen vorschlagen:

  • Ein <input>-Element hat den Attributwert autocomplete="new-password".
  • Der Nutzer öffnet das Kontextmenü auf einem beliebigen Passwort-Eingabefeld, auch wenn es nicht für neue Passwörter gedacht ist.

• Opazitätswerte wie für opacity oder stop-opacity können nun Prozentwerte sein (Firefox-Bug 1562086).

• grid-auto-columns und grid-auto-rows akzeptieren jetzt mehrere Track-Size-Werte (Firefox-Bug 1339672).

• Eine Reihe von textbezogenen CSS-Eigenschaften wurde standardmäßig aktiviert (Firefox-Bug 1573631):

  • text-decoration-thickness.
  • text-underline-offset.
  • text-decoration-skip-ink. Der Standardwert ist auto, was bedeutet, dass Unterstriche und Überstriche standardmäßig jetzt dort unterbrochen werden, wo sie sonst über ein Glyph verlaufen würden.

• Die display-Eigenschaft akzeptiert nun zwei Schlüsselwortwerte, die den inneren und äußeren Anzeigetyp darstellen (Firefox-Bug 1038294, WebKit-Bug 1105868 und WebKit-Bug 1557825).

• Die font-size-Eigenschaft akzeptiert nun den neuen Schlüsselwortwert xxx-large (Firefox-Bug 1553545).

• Die :visited-Pseudoklasse passt aus logischen und Leistungsgründen nicht mehr zu <link>-Elementen (Firefox-Bug 1572246; siehe Absicht zur Implementierung: Machen Sie <link>-Elemente immer unbesucht und [selectors] :link and <link> für weitere Gründe, warum).

• Wir unterstützen jetzt einen auto-Wert für die quotes-Eigenschaft (Firefox-Bug 1421938).

• Stylesheets, die in <style>-Elementen enthalten sind, werden nun für eine bessere Leistung zwischengespeichert (Firefox-Bug 1480146). Beachten Sie, dass dies derzeit keine Stylesheets umfasst, die @import-Regeln enthalten.

• Der <ratio>-Typ akzeptiert nun <number>/<number> oder eine einzelne <number> als Wert (Firefox-Bug 1565562).

Entfernungen

• Wir haben die Unterstützung für dreistellige <position> (außer Hintergrund) eingestellt (Firefox-Bug 1559276).
• Der none-Wert ist nun ungültig in counter() / counters() — eine Änderung, die die Level-3-Spezifikation mit CSS 2.1 in Einklang bringt (Firefox-Bug 1576821).

• Ausschneiden, Kopieren und Einfügen-Ereignisse werden jetzt an SVG-Grafikelemente gesendet (Firefox-Bug 1569474).

• Das veraltete mode-Attribut bei <math>-Elementen wurde entfernt (Firefox-Bug 1573438).
• Nicht-nullwerte Längeneinheiten ohne Einheit, wie 5 für 500%, werden nicht mehr unterstützt.
• Längenwerte, die mit einem Punkt enden, wie 2. oder 34.px, werden ebenfalls nicht mehr unterstützt.

• Numerische Trenner werden jetzt unterstützt (Firefox-Bug 1435818).
• Die Methode Intl.RelativeTimeFormat.formatToParts() wurde implementiert (Firefox-Bug 1473229).
• Die Methode BigInt.prototype.toLocaleString() wurde aktualisiert, um mit den Parametern locales und options gemäß dem ECMAScript 402 Intl API zu arbeiten. Auch Intl.NumberFormat.format() und Intl.NumberFormat.formatToParts() akzeptieren nun BigInt-Werte (Firefox-Bug 1543677).
• Gemäß der neuesten ECMAScript-Spezifikation ist eine führende Null bei BigInt-Literalen jetzt niemals erlaubt, was 08n und 09n ungültig macht, ähnlich dem bereits vorhandenen Fehler bei der Verwendung von Legacy-Oktalzahlen wie 07n. Verwenden Sie immer eine führende Null mit dem Buchstaben "o" (klein oder groß) für oktale BigInt-Zahlen (d.h. 0o755n statt 0755n). Siehe Firefox-Bug 1568619.
• Der Unicode-Erweiterungsschlüssel "nu" wird jetzt für den Intl.RelativeTimeFormat-Konstruktor unterstützt und die Methode Intl.RelativeTimeFormat.resolvedOptions() gibt nun auch numberingSystem zurück (Firefox-Bug 1521819).

DOM

• Die Methoden back(), forward() und go() sind jetzt asynchron. Fügen Sie einen Listener zum popstate-Ereignis hinzu, um eine Benachrichtigung zu erhalten, dass die Navigation abgeschlossen ist (Firefox-Bug 1563587).
• Unterstützung für DOMMatrix, DOMPoint, etc. in Web-Workern hinzugefügt (Firefox-Bug 1420580).
• Einige weitere Mitglieder wurden von HTMLDocument zu Document verschoben, einschließlich Document.all, Document.clear, Document.captureEvents und erneut Document.clear (Firefox-Bug 1558570, Firefox-Bug 1558571).
• Die Benachrichtigungsberechtigung (Notification) kann nicht mehr innerhalb eines Cross-Origin-<iframe> angefordert werden (Firefox-Bug 1560741).

Medien, Web Audio und WebRTC

• Die Methode RTCPeerConnection.restartIce() wurde hinzugefügt. Dies ist eine der vier Änderungen, die erforderlich sind, um den neuen "perfekten Verhandlungsmechanismus" zu implementieren; der Rest folgt in zukünftigen Firefox-Updates (Firefox-Bug 1551316).

• Die Methode RTCPeerConnection.setRemoteDescription() kann jetzt ohne Parameter aufgerufen werden. Dies ist eine weitere "perfekte Verhandlungs"-Aktualisierung (Firefox-Bug 1568292).

• MediaTrackSupportedConstraints.groupId wird jetzt unterstützt und gibt true zurück, da die Eigenschaft MediaTrackConstraints.groupId jetzt unterstützt wird (Firefox-Bug 1561254).

• Mehrere neue Web Audio API-Funktionen wurden implementiert/aktualisiert:

  • AudioContext.getOutputTimestamp() implementiert (Firefox-Bug 1324545).
  • AudioContext.baseLatency und AudioContext.outputLatency implementiert (Firefox-Bug 1324552).
  • MediaElementAudioSourceNode.mediaElement und MediaStreamAudioSourceNode.mediaStream implementiert (Firefox-Bug 1350973).
  • Der ChannelMergerNode()-Konstruktor wirft jetzt Fehler, wenn Sie versuchen, channelCount und channelCountMode auf ungültige Werte zu setzen (Firefox-Bug 1456263).

Canvas und WebGL

• Wir unterstützen jetzt CanvasRenderingContext2D.getTransform() und die neuere Variante von CanvasRenderingContext2D.setTransform(), die ein Matrixobjekt als Parameter akzeptiert, anstatt mehrere Parameter, die die einzelnen Komponenten der Matrix darstellen (Firefox-Bug 928150).

• Die Standard-Referrer-Richtlinie für Ressourcen von Drittanbietern ist jetzt strict-origin-when-cross-origin, wenn Verbesserter Tracking-Schutz eingeschaltet ist (Firefox-Bug 1569996).
• Die Größe des Referer-Anfrags-Headers ist nun auf 4 KB (4.096 Bytes) beschränkt. Wenn ein zu langer Referrer das definierte Limit überschreitet, wird nur der Ursprungs-Teil gesendet (Firefox-Bug 1557346).
• Der HTTP-Cache wird jetzt pro Ursprung des Top-Level-Dokuments partitioniert (Firefox-Bug 1536058).

Entfernungen

• Die X-Frame-Options allow-from uri-Direktive wurde entfernt. Verwenden Sie stattdessen den Content-Security-Policy-Header mit der frame-ancestors-Direktive (Firefox-Bug 1301529).

• Der WebDriver:TakeScreenshot-Befehl wurde aktualisiert, um Fission kompatibel zu sein. Dies bedeutet, dass Inhalte aus Cross-Origin-Iframes jetzt in einem Screenshot einer Seite enthalten sind. Oder wenn es aus dem Chrome-Bereich verwendet wird, ist der aktive Tab-Inhalt jetzt im Browserfenster sichtbar (Firefox-Bug 1559592).
• WebDriver:TakeScreenshot akzeptiert nicht mehr eine Liste von DOM-Elementen zur Hervorhebung (Firefox-Bug 1575511).
• WebDriver:ExecuteScript und WebDriver:ExecuteAsyncScript setzen window.onunload nicht mehr auf Arten, die web-exponiert sind (Firefox-Bug 1568991).

• Ein neuer Parameter wurde zur Methode topSites.get() hinzugefügt, der bewirkt, dass die Methode die Liste der Seiten zurückgibt, die angezeigt werden, wenn der Benutzer einen neuen Tab öffnet (Firefox-Bug 1568617).

• Die zulässigen Werte der Untereigenschaft webRTCIPHandlingPolicy der Eigenschaft privacy.network wurden geändert (in Firefox-Bug 1452713), um dem Verhalten in Chrome wie folgt zu entsprechen:

  • disable_non_proxied_udp verhinderte zuvor die Nutzung von WebRTC, wenn kein Proxy konfiguriert war. Jetzt wird ein Proxy immer verwendet, wenn einer konfiguriert ist, aber andernfalls ist eine nicht-proxierter Verbindung zulässig.
  • proxy_only kann verwendet werden, um das alte Verhalten bereitzustellen; dies hat zur Folge, dass ICE-Verhandlungen nur über TURN mit TCP unter Verwendung eines Proxys zulässig sind; keine anderen Verbindungen sind erlaubt.

Entfernungen

Die folgenden Themen- Key-Eigenschaften, die Aliase für Themaskeys in auf Chromium basierenden Browsern bereitstellten, wurden entfernt:

• images-Eigenschaft headerURL, Themen sollten jetzt theme_frame verwenden.

• colors-Eigenschaften:

  • accentcolor, Themen sollten jetzt frame verwenden.
  • textcolor, Themen sollten jetzt tab_background_text verwenden.

• Hacks Release-Post: Firefox 70 — ein reichhaltiges Release für alle