Firefox 69 für Entwickler

Debugger

• Event Listener Breakpoints ermöglichen es Ihnen, zu diagnostizieren, welchen Code 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-Input-Events. (Firefox Bug 1526082).
• Skripte, die im Source List Pane des Debuggers angezeigt werden, können nun über die Kontextmenüoption Datei herunterladen gespeichert werden (Firefox Bug 888161).
• Im Source List Pane des Debuggers werden geladene Erweiterungen mit ihrem Namen anstelle ihrer UUID aufgelistet (Firefox Bug 1486416), was es erheblich erleichtert, den Code der Erweiterung zu finden, die Sie debuggen möchten.
• Der Debugger lädt nun merklich schneller durch Lazy-Loading von Skripten (Firefox Bug 1527488).

Konsole

• Nachrichten in der Browserkonsole über Tracking-Schutzfehler, CSP-Fehler und CORS-Fehler werden automatisch gruppiert, um das Rauschen von wiederholten blockierten Ressourcen und Speicherzugriffen zu reduzieren (Firefox Bug 1522396).
• Alle sichtbaren Logs in der Konsole können durch Speichern in eine Datei oder Kopieren in die Zwischenablage über einen neuen Kontextmenüpunkt Sichtbare Nachrichten exportieren nach geteilt werden (Firefox Bug 1517728).
• Die Werkzeugleiste der Konsole reduziert ihre Höhe jetzt reaktionsschnell auf eine einzelne Zeile, um vertikalen Platz zu sparen (Firefox Bug 972530).
• Nachrichten von Inhalten können in der Konsole ausgeblendet werden, um sich auf Logs der Firefox-Benutzeroberfläche zu konzentrieren (Firefox Bug 1523842).

Netzwerk

• Ressourcen, die aufgrund von CSP oder Mixed Content blockiert wurden, werden nun 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).

Inspector

• Wenn Sie über ein Element im Seiteninspektor fahren, wird in der jetzt erscheinenden Infobar angezeigt, ob ein Element ein Flex-Container oder ein Flex-Item ist (Firefox Bug 1521188).
• Beim Inspizieren einer Seite, die ein Gitter mit einem Untergitter enthält, werden die Überlagerungslinien des übergeordneten Gitters immer angezeigt, wenn die Linien des Untergitters angezeigt werden; wenn das Kontrollkästchen für die Überlagerung des übergeordneten Gitters nicht ausgewählt ist, sind dessen Linien transluzent (Firefox Bug 1550519).

Remote-Debugging

• Für unsere mobilen Webentwickler haben wir das Remote-Debugging vom alten WebIDE auf eine neu gestaltete about:debugging umgestellt, 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 sich enger an die Spezifikation anzupassen, lädt die dem <track>-Element zugeordnete Textspur nicht mehr die WebVTT-Datei mit den Text-Hinweisen, wenn das Element in seinem standardmäßigen disabled-mode erstellt wird. Um auf die Hinweise zuzugreifen oder sie zu manipulieren, wenn der mode auf disabled gesetzt ist, ändern Sie den mode 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 bereits vor einiger Zeit als veraltet markiert, 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 nun auch als CSS-Eigenschaften definiert werden (Firefox Bug 1383650).
• Der ::cue-Selektor — verwendet, um die Untertitel ("Hinweise") zu stylen, die von WebVTT angezeigt werden — erzwingt nun die Einschränkungen, welche CSS-Eigenschaften innerhalb von Hinweisen verwendet werden dürfen, gemäß der Spezifikation (Firefox Bug 1321488).
• Wir haben die Eigenschaften, die auf ::marker angewendet werden dürfen, gemäß 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, in CSS-Feature-Queries (@supports) die Unterstützung eines Selektors mit der selector()-Methode zu testen (Firefox Bug 1513643).
• Die user-select-Eigenschaft — die festlegt, ob der Benutzer den Text im betroffenen Element auswählen kann oder nicht — wurde ohne Präfix implementiert (Firefox Bug 1492739).
• Wir haben das lokal-spezifische Groß- und Kleinschreibverhalten für Litauisch implementiert (Firefox Bug 1322992), wie in diesem Beispiel zu sehen.
• Wir haben die line-break-Eigenschaft von CSS Text implementiert (Firefox Bug 1011369 und Firefox Bug 1531715).
• Die contain-Eigenschaft — die Entwicklern erlaubt, festzulegen, 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). Weitere Informationen finden Sie unter Klassenfelder.
• Die Promise-Ablehnungsereignisse unhandledrejection und rejectionhandled sind nun standardmäßig aktiviert (Firefox Bug 1362272). Erfahren Sie mehr darüber, wie diese funktionieren, unter Promise-Ablehnungsereignisse.

• Die HTTP-Header Access-Control-Expose-Headers, Access-Control-Allow-Methods und Access-Control-Allow-Headers akzeptieren jetzt einen Wildcard-Wert * für Anfragen ohne Anmeldedaten (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 DOMMatrix, DOMPoint und verwandte Objekte werden jetzt in Workern unterstützt (Firefox Bug 1420580).
• Die Eigenschaften pageX und pageY wurden von UIEvent zu MouseEvent verschoben, um die Spezifikation besser einzuhalten (Firefox Bug 1178763). Diese Eigenschaften werden nicht mehr den Schnittstellen CompositionEvent, FocusEvent, InputEvent, KeyboardEvent und TouchEvent ausgesetzt, 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 nun die sech-Parameter-Version der Methode DOMMatrixReadOnly.scale() (Firefox Bug 1397945).
• Die Argumente für DOMMatrixReadOnly.translate(), DOMMatrixReadOnly.skewX() und DOMMatrixReadOnly.skewY() sind nun alle optional, gemäß der Spezifikation (Firefox Bug 1397949).
• Die Eigenschaften Navigator.userAgent, Navigator.platform und Navigator.oscpu geben nicht mehr preis, ob ein Benutzer 32-Bit-Firefox auf einem 64-Bit-OS ausführt (Firefox Bug 1559747). Sie sagen nun 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 nennenswerte Auswirkung auf Ihre Arbeit haben. Insbesondere wurden die Methoden close(), open() und write() verschoben. Auch die verschiedenen editorbezogenen Methoden, einschließlich execCommand() sowie verschiedene Eigenschaften (Firefox Bug 1549560).
• Wir haben AbstractRange und StaticRange implementiert (Firefox Bug 1444847).

Medien, Web Audio und WebRTC

• Zur Verbesserung der Benutzersicherheit und im Einklang mit den neuesten Versionen der Spezifikation von Media Capture and Streams ist die Eigenschaft navigator.mediaDevices nicht mehr vorhanden, wenn der Kontext unsicher ist. Um getUserMedia(), getDisplayMedia(), enumerateDevices() und so weiter zu verwenden, stellen Sie sicher, dass Ihre Inhalte über HTTPS geladen werden (Firefox Bug 1528031).
• Die value-Eigenschaft des Web Audio API's AudioParam gibt jetzt den tatsächlichen Wert der Eigenschaft zur aktuellen Zeit zurück, unter Berücksichtigung aller geplanten oder abgestuften Wertänderungen. Vorher gab Firefox nur den zuletzt explizit gesetzten Wert zurück (z.B. über den value Setter) (Firefox Bug 893020).
• Wir haben MediaStreamAudioSourceNode aktualisiert, um die neue lexikographische Reihenfolge für Tracks zu verwenden. Früher war die Track-Reihenfolge jedem 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 Audiotracks hat, jetzt eine InvalidStateError-Ausnahme (Firefox Bug 1553215).
• Die facingMode, deviceId und groupId Einstellungen 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 jetzt dynamisch das Öffnen und Schließen von Modaldialogen und Benutzeraufforderungen (Firefox Bug 1477977), was auch bedeutet, dass mehrere geöffnete Eingabeaufforderungen behandelt werden (Firefox Bug 1487358).
• Tracking-Schutz und DOM-Push-Funktionen sind jetzt standardmäßig deaktiviert, um die Entfernung von Teilen des DOMs und zusätzliche Benachrichtigungen zu vermeiden (Firefox Bug 1542244).
• Das automatische Entladen von Hintergrund-Tabs, wenn Firefox auf einen Speichermangel trifft, 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 nun neue verfügbare Optionen — includePinned und includeSearchShortcuts (Firefox Bug 1547669).

• Es gibt nun Gruppenrichtlinienoptionen, um alle Erweiterungen zu sperren, außer denen, die auf die Whitelist gesetzt wurden (Firefox Bug 1522823).

• Hacks-Veröffentlichungspost: Firefox 69 — eine Geschichte von Resize Observer, Mikrotasks, CSS und DevTools