Firefox 60 Versionshinweise für Entwickler

Stylo kommt zu Firefox für Android in Version 60

Firefox's neuer paralleler CSS-Engine — auch bekannt als Quantum CSS oder Stylo — welche zuerst standardmäßig in Firefox 57 für den Desktop aktiviert wurde, ist jetzt auch in Firefox für Android aktiviert.

Änderungen für Webentwickler

Entwicklerwerkzeuge

• Im CSS-Bereich im Regel-Ansichtsmodus (siehe Untersuchen und Bearbeiten von CSS), wurden die Tastenkombinationen für präzise Wertinkremente (Erhöhung/Verminderung um 0,1) von Alt + Up/Down zu Ctrl + Up/Down auf Linux und Windows geändert, um Konflikte mit standardmäßigen Betriebssystem-Shortcuts zu vermeiden (siehe Firefox-Bug 1413314).
• Ebenfalls im CSS-Bereich im Regel-Ansichtsmodus, werden CSS-Variablennamen jetzt automatisch vervollständigt (Firefox-Bug 1422635). Wenn Sie var( in einen Eigenschaftswert eingeben und dann einen Bindestrich (-) tippen, erscheinen alle Variablen, die Sie in Ihrem CSS deklariert haben, in einer Autovervollständigungsliste.
• Im Responsive Design Mode wurde ein Dropdown-Menü Reload when… hinzugefügt, mit dem Benutzer automatische Seitenneuladen aktivieren/deaktivieren können, wenn die Touch-Simulation umgeschaltet wird oder der simulierte User-Agent geändert wird. Siehe Steuern des Seiten-Neuladeverhaltens für weitere Details (Firefox-Bug 1428816).
• Die Präferenz view_source.tab wurde entfernt, sodass Sie den View Source Modus nicht mehr zwischen dem Erscheinen in einem neuen Tab oder einem neuen Fenster umschalten können. Quellseiten werden ab jetzt immer in neuen Tabs angezeigt (Firefox-Bug 1418403).

HTML

Wenn die Eingabetaste in designMode und contenteditable gedrückt wird, fügt sie jetzt <div> Elemente ein, wenn der Cursor sich in einem Inline-Element oder einem Textknoten befindet, der ein Kind eines Blockelement-Bearbeitungs-Hosts ist — anstatt <br> Elemente wie bisher einzufügen. Wenn Sie das alte Verhalten in Ihrer Anwendung verwenden möchten, können Sie dies mit document.execCommand() tun (Firefox-Bug 1430551).

CSS

• Die Werte der Eigenschaften align-content, align-items, align-self, justify-content, und place-content wurden entsprechend der neuesten CSS Box Alignment Module Level 3 Spezifikation aktualisiert (Firefox-Bug 1430817).
• Die Eigenschaft paint-order wurde implementiert (Firefox-Bug 1426146).

SVG

Keine Änderungen.

JavaScript

• ECMAScript 2015 Module wurden standardmäßig aktiviert (Firefox-Bug 1438139). Siehe ES6 In Depth: Modules und ES modules: A cartoon deep dive für mehr Informationen oder konsultieren Sie die MDN-Referenzdokumente:

  • <script src="main.js" type="module"> und <script nomodule src="fallback.js">
  • import und export Anweisungen.

• Die Methode Array.prototype.values() wurde wieder hinzugefügt (Firefox-Bug 1420101). Stellen Sie sicher, dass Ihr Code keine benutzerdefinierte Implementierung dieser Methode enthält.

APIs

Neue APIs

• Die Web Authentication API wurde aktiviert (Firefox-Bug 1432542).

DOM

• Im Rahmen der Web Authentication API wurde das Dictionary-Objekt MakePublicKeyCredentialOptions in PublicKeyCredentialCreationOptions umbenannt; diese Änderung wurde in Firefox umgesetzt (Firefox-Bug 1436473).
• Die Präferenz dom.workers.enabled wurde entfernt, d.h. dass Worker nicht mehr deaktiviert werden können (Firefox-Bug 1434934).
• Die body Eigenschaft ist jetzt auf dem Document Interface anstelle des HTMLDocument Interface implementiert (Firefox-Bug 1276438).
• PerformanceResourceTiming ist jetzt in Workern verfügbar (Firefox-Bug 1425458).
• Die Methode PerformanceObserver.takeRecords() wurde implementiert (Firefox-Bug 1436692).
• Das Attribut KeyboardEvent.keyCode von Interpunktionstasten wird jetzt non-zero, selbst wenn das aktive Tastaturlayout keine ASCII-Zeichen produziert. Siehe diese Notizen für mehr Details. Bitte verwenden Sie KeyboardEvent.keyCode nicht in neuen Anwendungen — verwenden Sie stattdessen KeyboardEvent.key oder KeyboardEvent.code.
• Die Methode Animation.updatePlaybackRate() wurde implementiert (Firefox-Bug 1436659).
• Neue Regeln wurden aufgenommen, um keyCode-Werte von Interpunktionstasten zu bestimmen (Firefox-Bug 1036008).
• Die Gecko-exklusive Options-Objekt storage Option der Methode IDBFactory.open() wurde als veraltet erklärt (Firefox-Bug 1442560).
• Promises können jetzt innerhalb von IndexedDB Code verwendet werden (Firefox-Bug 1193394).

DOM-Ereignisse

Keine Änderungen.

Service Worker

Keine Änderungen.

Medien und WebRTC

• Beim Aufnehmen oder Teilen von Medien, die mit getUserMedia() erfasst wurden, schaltet das Stummschalten der Kamera durch Setzen der Eigenschaft MediaStreamTrack.enabled des entsprechenden Tracks auf false nun die Anzeigeleuchte "in Verwendung" der Kamera aus, um dem Benutzer anzuzeigen, dass die Kamera nicht in Verwendung ist (Firefox-Bug 1299515). Siehe Benutzerdatenschutz für weitere Details. Siehe auch diesen Blog-Post.
• Das Entfernen eines Tracks von einer RTCPeerConnection mit removeTrack() entfernt den RTCRtpSender des Tracks nicht mehr aus der Senderliste der Peer-Verbindung, wie sie durch getSenders() berichtet wird (Firefox-Bug 1290949).
• Die Zeitstempel der RTCRtpContributingSource und RTCRtpSynchronizationSource Objekte wurden zuvor basierend auf von Date.getTime() zurückgegebenen Werten gemeldet. In Firefox 60 wurden diese korrigiert, um korrekt die Performance Timing API zu verwenden (Firefox-Bug 1433576).
• Wie in der Spezifikation, löst der ConvolverNode() Konstruktor jetzt einen NotSupportedError DOMException aus, wenn der referenzierte AudioBuffer nicht 1, 2 oder 4 Kanäle hat (Firefox-Bug 1443228).
• Der veraltete RTCPeerConnection Event-Handler RTCPeerConnection.onremovestream wurde entfernt; inzwischen sollten Sie stattdessen removetrack Ereignisse verwenden (Firefox-Bug 1442385).
• Der primäre Name für RTCDataChannel ist jetzt in der Tat RTCDataChannel, anstatt ein Alias für DataChannel zu sein. Der Name DataChannel wird nicht mehr unterstützt (Firefox-Bug 1173851).

Canvas und WebGL

• Wenn die Präferenz privacy.resistFingerprinting auf true gesetzt ist, wird die WEBGL_debug_renderer_info WebGL-Erweiterung ab jetzt deaktiviert (Firefox-Bug 1337157).

CSSOM

Keine Änderungen.

HTTP

• SameSite-Cookies werden jetzt unterstützt (Firefox-Bug 795346). Siehe Set-Cookie für mehr Informationen.

Sicherheit

Der X-Content-Type-Options Header, wenn auf no-sniff gesetzt, folgt jetzt der Spezifikation für JavaScript-MIME-Typen. Insbesondere sind text/json und application/json keine gültigen Werte mehr (Firefox-Bug 1431095).

Plugins

Keine Änderungen.

Sonstiges

Fetches, die Anmeldedaten enthalten, können jetzt Verbindungen mit Fetches teilen, die keine Anmeldedaten enthalten. Wenn zum Beispiel die gleiche Herkunft einige Webfonts sowie einige authentifizierte Benutzerdaten vom gleichen CDN anfordert, könnten beide eine Verbindung teilen, was möglicherweise zu einer schnelleren Ausgabe führt (Firefox-Bug 1363284).

Entfernung aus der Webplattform

HTML

Keine Änderungen.

CSS

• Die proprietären Werte enabled und disabled der -moz-user-input Eigenschaft sind nicht mehr verfügbar (Firefox-Bug 1405087).
• Die proprietären Eigenschaften -moz-border-top-colors, -moz-border-right-colors, -moz-border-bottom-colors und -moz-border-left-colors wurden vollständig von der Plattform entfernt (Firefox-Bug 1429723).

JavaScript

Die nicht-standardmäßige expression closure Syntax wurde entfernt (Firefox-Bug 1426519).

APIs

Keine Änderungen.

SVG

Keine Änderungen.

Sonstiges

Keine Änderungen.

Änderungen für Add-On- und Mozilla-Entwickler

WebExtensions

Theme-API:

• headerURL ist jetzt optional
• Beim Erstellen eines Browser-Themes wird jeder auf den Header-Text angewendete text-shadow entfernt, wenn kein headerURL angegeben ist (siehe Firefox-Bug 1404688).
• Neue Eigenschaften werden unterstützt:
  • tab_line
  • tab_selected
  • popup
  • popup_border
  • popup_text
  • tab_loading
  • icons
  • icons_attention
  • frame_inactive
  • button_background_active
  • button_background_hover