Firefox 69 für Entwickler

Debugger

• Event-Listener-Breakpoints ermöglichen Ihnen zu diagnostizieren, welche Codes eine Seite als Reaktion auf Browserevents ausführt. Sie können spezifische Typen auswählen, wie click oder keydown, oder ganze Kategorien von Events, wie alle Maus-Eingabeevents. (Firefox bug 1526082).
• Skripte, die im Quellenlistenbereich des Debuggers angezeigt werden, können jetzt über die Kontextmenüoption Datei herunterladen gespeichert werden (Firefox bug 888161).
• Im Quellenlistenbereich des Debuggers werden geladene Erweiterungen mit ihrem Namen anstatt nur mit ihrer UUID aufgelistet (Firefox bug 1486416), was es erheblich einfacher macht, den Code der gewünschten Erweiterung zu finden und zu debuggen.
• Der Debugger lädt nun deutlich schneller durch das Lazy-Loading von Skripten (Firefox bug 1527488).

Konsole

• Nachrichten in der Browserkonsole von Tracking-Schutzfehlern, CSP-Fehlern und CORS-Fehlern werden automatisch gruppiert, um die Geräuschkulisse durch wiederholte blockierte Ressourcen und Speicherzugriffe zu reduzieren (Firefox bug 1522396).
• Alle sichtbaren Protokolle in der Konsole können über eine neue Kontextmenüoption Sichtbare Nachrichten exportieren nach in eine Datei gespeichert oder in die Zwischenablage kopiert werden (Firefox bug 1517728).
• Die Symbolleiste der Konsole reduziert jetzt responsiv ihre Höhe auf eine einzelne Reihe, um vertikalen Platz zu sparen (Firefox bug 972530).
• Nachrichten aus dem Inhalt können nun in der Konsole ausgeblendet werden, um sich auf Protokolle der Firefox-Benutzeroberfläche zu konzentrieren (Firefox bug 1523842).

Netzwerk

• Ressourcen, die aufgrund von CSP oder Mixed Content blockiert wurden, werden jetzt im Netzwerkpanel angezeigt, mit Details über den Grund (Firefox bug 1556451).
• Eine neue optionale URL-Spalte im Netzwerkpanel kann aktiviert werden, um die vollständige URL für Ressourcen anzuzeigen (Firefox bug 1341155).

Inspector

• Wenn Sie über ein Element im Page Inspector fahren, zeigt die Infobar jetzt an, dass ein Element ein Flex-Container oder ein Flex-Item ist (Firefox bug 1521188).
• Beim Inspizieren einer Seite mit einem Raster mit einem Subgrid werden die Überlagerungslinien des Elternrasters angezeigt, wenn die Linien des Subgrids angezeigt werden; wenn das Kontrollkästchen zur Überlagerung des Elternrasters nicht ausgewählt ist, sind seine Linien transparent (Firefox bug 1550519).

Remote-Debugging

• Für unsere mobilen Webentwickler haben wir das Remote-Debugging aus dem alten WebIDE in ein neu gestaltetes about:debugging migriert, was die Erfahrung des Debuggens von GeckoView auf entfernten Geräten über USB erheblich verbessert (Firefox bug 1462208).

Allgemein

• Die Reihenfolge der DevTools-Panels wurde geändert, um die Beliebtheit widerzuspiegeln (Firefox bug 1558630).

• Um näher an der Spezifikation zu orientieren, lädt die Text-Spur, die mit einem <track>-Element verbunden ist, nicht mehr die WebVTT-Datei mit den Text-Cues, wenn das Element in seinem standardmäßigen disabled-mode erstellt wird. Um auf die Cues zuzugreifen oder sie zu manipulieren, wenn der mode disabled ist, ändern Sie den mode in entweder started oder hidden; dies wird das Laden der WebVTT-Daten auslösen (Firefox bug 1550633).

Entfernungen

• Das HTML-Element <keygen> wurde aus Firefox entfernt. Es war schon vor einiger Zeit als veraltet markiert und sein Zweck wurde im Allgemeinen von anderen Technologien übernommen (Firefox bug 1315460).

• Wir haben den Wert break-spaces der white-space-Eigenschaft implementiert (Firefox bug 1351432).
• Die SVG-Geometrieattribute (wie width und height) können jetzt auch als CSS-Eigenschaften definiert werden (Firefox bug 1383650).
• Der ::cue-Selektor — verwendet, um die von WebVTT angezeigten Untertitel ("Cues") zu gestalten — erzwingt nun die Einschränkungen, welche CSS-Eigenschaften innerhalb von Cues verwendet werden dürfen, gemäß der Spezifikation (Firefox bug 1321488).
• Wir haben die Eigenschaften, die auf ::marker anwendbar sind, entsprechend der Spezifikation eingeschränkt (Firefox bug 1552578).
• Die overflow-block- und overflow-inline-Eigenschaften wurden implementiert (Firefox bug 1470695).
• Wir haben die Möglichkeit hinzugefügt, die Unterstützung eines Selektors zu testen, wenn CSS-Feature-Abfragen (@supports) verwendet werden, mit der selector()-Methode (Firefox bug 1513643).
• Die user-select-Eigenschaft — die angibt, ob der Benutzer Text im betroffenen Element auswählen kann oder nicht — wurde unpräfixiert (Firefox bug 1492739).
• Wir haben ein lokalspezifisches Groß-/Kleinschreibeverhalten für Litauisch implementiert (Firefox bug 1322992), wie in diesem Beispiel gezeigt.
• Wir haben die line-break-Eigenschaft von CSS Text implementiert (Firefox bug 1011369 und Firefox bug 1531715).
• Die contain-Eigenschaft — die es Entwicklern ermöglicht, zu definieren, dass ein Element und dessen Inhalt weitgehend unabhängig vom Rest des DOM-Baums sind — wurde implementiert (Firefox bug 1487493).

• Wir haben Unterstützung für gzip-komprimiertes SVG-in-OpenType hinzugefügt (Firefox bug 1359240).
• Die Methoden SVGGeometryElement.isPointInFill() und SVGGeometryElement.isPointInStroke() wurden implementiert (Firefox bug 1325319).

• Public class fields sind standardmäßig aktiviert (Firefox bug 1555464). Weitere Informationen finden Sie unter Class fields.
• Die Promise-Ablehnungs-Events unhandledrejection und rejectionhandled sind jetzt standardmäßig aktiviert (Firefox bug 1362272). Weitere Informationen zur Funktionsweise finden Sie unter Promise-Ablehnungs-Events.

• Die HTTP-Header Access-Control-Expose-Headers, Access-Control-Allow-Methods und Access-Control-Allow-Headers akzeptieren jetzt einen Platzhalterwert "*" für Anfragen ohne Anmeldeinformationen (Firefox bug 1309358). Diese Änderung wurde auch auf Firefox 68 ESR übertragen.

Neue APIs

• Die Resize Observer API wird standardmäßig unterstützt (Firefox bug 1543839).
• Die Microtask-API (Window.queueMicrotask() und WorkerGlobalScope.queueMicrotask()) wurde implementiert (Firefox bug 1480236).

DOM

• Die DOMMatrix, DOMPoint, und verwandte Objekte werden jetzt in Workers unterstützt (Firefox bug 1420580).
• Die Eigenschaften pageX und pageY wurden von UIEvent zu MouseEvent verschoben, um die Spezifikation besser zu erfüllen (Firefox bug 1178763). Diese Eigenschaften sind nicht länger in den Schnittstellen CompositionEvent, FocusEvent, InputEvent, KeyboardEvent, und TouchEvent verfügbar, die alle von UIEvent erben.
• Die Methoden Blob.text(), Blob.arrayBuffer() und Blob.stream() sind jetzt implementiert (Firefox bug 1557121).
• DOMMatrixReadOnly.fromMatrix() wurde implementiert (Firefox bug 1560462).
• Wir unterstützen jetzt die sechse Parameter Version der Methode DOMMatrixReadOnly.scale() (Firefox bug 1397945).
• Die Argumente für DOMMatrixReadOnly.translate(), DOMMatrixReadOnly.skewX(), und DOMMatrixReadOnly.skewY() sind jetzt alle optional, gemäß der Spezifikation (Firefox bug 1397949).
• Die Eigenschaften Navigator.userAgent, Navigator.platform, und Navigator.oscpu offenbaren nicht länger, ob ein Benutzer 32-Bit Firefox auf einem 64-Bit OS verwendet (Firefox bug 1559747). Sie sagen jetzt Linux x86_64 anstelle von Linux i686 on x86_64, und Win64 anstelle von WOW64.
• Die verbleibenden Methoden von HTMLDocument wurden nach Document verschoben. Dies sollte in den meisten Fällen keine spürbare Auswirkung auf Ihre Arbeit haben. Insbesondere wurden die Methoden close(), open() und write() verschoben. Ebenso die verschiedenen editorbezogenen Methoden einschließlich execCommand() und verschiedene Eigenschaften (Firefox bug 1549560).
• Wir haben AbstractRange und StaticRange implementiert (Firefox bug 1444847).

Medien, Web Audio und WebRTC

• Zur Verbesserung der Sicherheit der Benutzer und in Übereinstimmung mit den neuesten Versionen der Media Capture and Streams-Spezifikation ist die Eigenschaft navigator.mediaDevices nicht mehr vorhanden, wenn der Kontext unsicher ist. Um getUserMedia(), getDisplayMedia(), enumerateDevices() usw. zu verwenden, stellen Sie sicher, dass Ihre Inhalte über HTTPS geladen werden (Firefox bug 1528031).
• Die Eigenschaft AudioParam.value der Web Audio API gibt jetzt den tatsächlichen Wert der Eigenschaft zur aktuellen Zeit zurück, unter Berücksichtigung aller geplanten oder abgestuften Wertänderungen. Zuvor gab Firefox nur den zuletzt explizit gesetzten Wert zurück (wie durch die Verwendung des value Setzers) (Firefox bug 893020).
• Wir haben MediaStreamAudioSourceNode aktualisiert, um die neue, lexikographische, Anordnung für Spuren zu verwenden. Zuvor wurde die Spurordnung dem einzelnen Browser überlassen und konnte sogar willkürlich geändert werden. Darüber hinaus wirft der Versuch, einen MediaStreamAudioSourceNode mit einem Stream zu erstellen, der keine Audiospuren hat, jetzt eine InvalidStateError-Ausnahme (Firefox bug 1553215).
• Die Einstellungen facingMode, deviceId und groupId sind jetzt Mitglieder des MediaTrackSettings-Objekts, das durch Aufrufe von MediaStreamTrack.getSettings() zurückgegeben wird (Firefox bug 1537986).

Entfernungen

• Die Methode DOMMatrix.scaleNonUniformSelf() wurde entfernt (Firefox bug 1560119).

Andere

• Marionette behandelt nun dynamisch das Öffnen und Schließen von modalen Dialogen und Benutzeraufforderungen (Firefox bug 1477977), was auch bedeutet, dass mehrere offene Aufforderungen behandelt werden (Firefox bug 1487358).
• Tracking-Schutz und DOM-Push-Funktionen sind jetzt standardmäßig deaktiviert, um das Entfernen von Teilen des DOMs und zusätzliche Benachrichtigungen zu vermeiden (Firefox bug 1542244).
• Das automatische Entladen von Hintergrund-Tabs, wenn Firefox an eine Bedingung mit wenig Arbeitsspeicher stößt, ist jetzt deaktiviert — dies interagiert schlecht mit der Automatisierung beim Wechseln zwischen Tabs (Firefox bug 1553748).

• Die UserScripts API ist jetzt standardmäßig aktiviert.
• Die Methode topSites.get() hat jetzt neue verfügbare Optionen — includePinned und includeSearchShortcuts (Firefox bug 1547669).

• Es gibt jetzt Gruppenrichtlinienoptionen, um alle Erweiterungen auf die schwarze Liste zu setzen, außer denjenigen, die auf die weiße Liste gesetzt wurden (Firefox bug 1522823).

• Hacks Release Post: Firefox 69 — A Tale of Resize Observer, Microtasks, CSS, and DevTools