Firefox 69 für Entwickler

Debugger

• Event Listener Breakpoints ermöglichen es Ihnen herauszufinden, welcher Code einer Seite in Reaktion auf Browserevents ausgeführt wird. Sie können spezifische Typen, wie click oder keydown, oder ganze Kategorien von Ereignissen auswählen, wie alle Maus-Eingaben. (Firefox-Bug 1526082).
• Skripte, die im Quellenlistenbereich des Debuggers angezeigt werden, können nun über die Kontextmenüoption Datei herunterladen gespeichert werden (Firefox-Bug 888161).
• Im Quellenlistenbereich des Debuggers werden geladene Erweiterungen nun mit ihrem Namen anstatt nur ihrer UUID aufgelistet (Firefox-Bug 1486416), was es viel einfacher macht, den Erweiterungscode zu finden, den Sie debuggen möchten.
• Der Debugger lädt nun deutlich schneller durch Lazy-Loading-Scripts (Firefox-Bug 1527488).

Konsole

• Browser-Konsole-Nachrichten von Tracking-Schutz-Fehlern, CSP-Fehlern und CORS-Fehlern werden automatisch gruppiert, um die Flut an wiederholten blockierten Ressourcen und Speicherzugriffen zu reduzieren (Firefox-Bug 1522396).
• Alle sichtbaren Protokolle in der Konsole können durch Speichern in einer Datei oder durch Kopieren in die Zwischenablage über einen neuen Kontextmenüpunkt Sichtbare Nachrichten exportieren in geteilt werden (Firefox-Bug 1517728).
• Die Symbolleiste der Konsole reduziert nun reaktionsschnell ihre Höhe auf eine einzelne Zeile, 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-Oberfläche zu konzentrieren (Firefox-Bug 1523842).

Netzwerk

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

Inspektor

• Wenn Sie mit der Maus über ein Element im Seiteninspektor fahren, zeigt die Infobar, die erscheint, jetzt an, dass ein Element ein Flex-Container oder Flex-Element ist (Firefox-Bug 1521188).
• Beim Untersuchen einer Seite, die ein Raster mit einem Unterraster enthält, werden die Überlagerungslinien des Elternrasters angezeigt, wann immer die Linien des Unterrasters angezeigt werden; wenn das Überlagerungs-Checkbox des Elternrasters nicht ausgewählt ist, sind seine Linien durchscheinend (Firefox-Bug 1550519).

Fern-Debugging

• Für unsere mobilen Webentwickler wurde das Remote-Debugging vom alten WebIDE in ein neugestaltetes about:debugging migriert, was das Debuggen von GeckoView auf entfernten Geräten über USB erheblich verbessert (Firefox-Bug 1462208).

Allgemein

• Die Reihenfolge der Registerkarten der Entwicklerwerkzeuge wurde geändert, um die Beliebtheit widerzuspiegeln (Firefox-Bug 1558630).

• Um sich enger an die Spezifikation anzupassen, lädt die Textspur, die mit einem <track> Element verbunden ist, die WebVTT-Datei mit den Text-Hinweisen nicht mehr, wenn das Element in seinem standardmäßigen disabled-modus erstellt wird. Um auf die Hinweise zuzugreifen oder sie zu manipulieren, wenn der modus disabled ist, ändern Sie den modus auf entweder started oder hidden; dies löst das Laden der WebVTT-Daten aus (Firefox-Bug 1550633).

Entfernungen

• Das HTML-Element <keygen> wurde aus Firefox entfernt. Es wurde vor einiger Zeit abgelehnt, und sein Zweck wurde im Allgemeinen durch andere Technologien ersetzt (Firefox-Bug 1315460).

• Wir haben den break-spaces-Wert 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 Untertitel ("Hinweise") zu stylen, die von WebVTT angezeigt werden – setzt jetzt die Einschränkungen durch, welche CSS-Eigenschaften innerhalb von Hinweisen verwendet werden dürfen, gemäß der Spezifikation (Firefox-Bug 1321488).
• Wir haben die Eigenschaften, die auf ::marker anwendbar sein können, laut der Spezifikation beschrä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 in CSS-Feature-Abfragen (@supports) mit der selector()-Methode zu testen (Firefox-Bug 1513643).
• Die user-select-Eigenschaft – die angibt, ob der Nutzer Text im betroffenen Element auswählen kann oder nicht – wurde ohne Präfixe implementiert (Firefox-Bug 1492739).
• Wir haben lokalspezifische Groß- und Kleinschreibung 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 seine Inhalte 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).

• Öffentliche Klassenfelder sind standardmäßig aktiviert (Firefox-Bug 1555464). Siehe auch Klassenfelder für weitere Informationen.
• Die Promise-Ablehnungsereignisse unhandledrejection und rejectionhandled sind nun standardmäßig aktiviert (Firefox-Bug 1362272). Um mehr darüber zu erfahren, wie diese funktionieren, siehe Promise-Ablehnungsereignisse.

• Die HTTP-Header Access-Control-Expose-Headers, Access-Control-Allow-Methods und Access-Control-Allow-Headers akzeptieren nun einen Platzhalterwert * für Anfragen ohne Anmeldeinformationen (Firefox-Bug 1309358). Diese Änderung wurde auch in Firefox 68 ESR übernommen.

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 Objekte DOMMatrix, DOMPoint und verwandte Objekte werden nun in Workern unterstützt (Firefox-Bug 1420580).
• Die Eigenschaften pageX und pageY wurden von UIEvent zu MouseEvent verschoben, um die Einhaltung der Spezifikation zu verbessern (Firefox-Bug 1178763). Diese Eigenschaften werden nicht länger in den Schnittstellen CompositionEvent, FocusEvent, InputEvent, KeyboardEvent und TouchEvent angezeigt, 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 Sechs-Parameter-Version der Methode DOMMatrixReadOnly.scale() (Firefox-Bug 1397945).
• Die Argumente für DOMMatrixReadOnly.translate(), DOMMatrixReadOnly.skewX() und DOMMatrixReadOnly.skewY() sind nun alle optional, zum Nachkommen der Spezifikation (Firefox-Bug 1397949).
• Die Eigenschaften Navigator.userAgent, Navigator.platform und Navigator.oscpu zeigen nicht länger an, ob ein Nutzer 32-Bit Firefox auf einem 64-Bit-Betriebssystem verwendet (Firefox-Bug 1559747). Sie zeigen jetzt Linux x86_64 anstelle von Linux i686 on x86_64 und Win64 anstelle von WOW64.
• Die verbleibenden Methoden von HTMLDocument wurden zu Document verschoben. Dies sollte in den meisten Fällen keine wesentlichen Auswirkungen auf Ihre Arbeit haben. Insbesondere die Methoden close(), open() und write() wurden verschoben. Ebenso wurden die verschiedenen editorbezogenen Methoden, einschließlich execCommand() sowie verschiedene Eigenschaften (Firefox-Bug 1549560) verschoben.
• Wir haben AbstractRange und StaticRange implementiert (Firefox-Bug 1444847).

Medien, Web Audio und WebRTC

• Zum Schutz der Benutzersicherheit und zur Anpassung an die 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() und ähnliche Funktionen zu verwenden, stellen Sie sicher, dass Ihr Inhalt über HTTPS geladen wird (Firefox-Bug 1528031).
• Die Eigenschaft AudioParam.value der Web Audio API gibt nun den tatsächlichen Wert der Eigenschaft zum aktuellen Zeitpunkt zurück, wobei alle geplanten oder abgestuften Wertänderungen berücksichtigt werden. Bisher hat Firefox nur den zuletzt explizit gesetzten Wert (wie durch Verwendung des value-Setters) zurückgegeben (Firefox-Bug 893020).
• Wir haben MediaStreamAudioSourceNode aktualisiert, um die neue, lexikographische, Anordnung für Tracks zu verwenden. Zuvor war die Track-Anordnung auf den individuellen Browser beschränkt und konnte sogar willkürlich geändert werden. Außerdem löst das Erstellen eines MediaStreamAudioSourceNode unter Verwendung eines Streams, der keine Audiotracks hat, nun eine InvalidStateError-Ausnahme aus (Firefox-Bug 1553215).
• Die Einstellungen facingMode, deviceId und groupId sind nun als Mitglieder des MediaTrackSettings-Objekts enthalten, das durch Aufrufe von MediaStreamTrack.getSettings() zurückgegeben wird (Firefox-Bug 1537986).

Entfernungen

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

Sonstiges

• 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 nun standardmäßig deaktiviert, um das Entfernen von Teilen des DOM und zusätzliche Benachrichtigungen zu vermeiden (Firefox-Bug 1542244).
• Das automatische Entladen von Hintergrundreitern, wenn Firefox in einen Niedrigspeicherzustand gerät, ist nun deaktiviert, da dies bei der Automatisierung beim Wechseln zwischen Tabs schlecht interagiert (Firefox-Bug 1553748).

• Die UserScripts-API ist nun standardmäßig aktiviert.
• Die Methode topSites.get() hat jetzt neue Optionen – includePinned und includeSearchShortcuts (Firefox-Bug 1547669).

• Es gibt jetzt Gruppenrichtlinienoptionen, um alle Erweiterungen zu blockieren, außer denen, die auf der Whitelist stehen (Firefox-Bug 1522823).

• Release-Post von Hacks: Firefox 69 — eine Geschichte von Resize Observer, Microtasks, CSS und DevTools