Firefox 60 für Entwickler

Firefox' neue parallele CSS-Engine — auch bekannt als Quantum CSS oder Stylo — die zuerst standardmäßig in Firefox 57 für Desktop aktiviert wurde, wurde nun in Firefox für Android aktiviert.

• In der CSS-Pane-Regelansicht (siehe CSS untersuchen und bearbeiten) haben sich die Tastenkombinationen für präzise Wertänderungen (Erhöhung/Reduzierung 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 in der CSS-Pane-Regelansicht 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ü „Neu laden, wenn...“ hinzugefügt, damit Benutzer das automatische Neuladen der Seite aktivieren/deaktivieren können, wenn die Touch-Simulation umgeschaltet wird oder sich der simulierte User-Agent ändert. Siehe Verhalten beim Neuladen der Seite steuern für weitere Details (Firefox-Bug 1428816).
• Die Einstellung view_source.tab wurde entfernt, sodass Sie den Quelltextansichtsmodus nicht mehr zwischen einer neuen Registerkarte oder einem neuen Fenster umschalten können. Quelltexte erscheinen ab jetzt immer in neuen Registerkarten (Firefox-Bug 1418403).

Durch Drücken der Eingabetaste in designMode und contenteditable werden jetzt <div>-Elemente eingefügt, wenn der Cursor sich in einem Inline-Element oder Textknoten befindet, der ein Kind eines Block-Level-Bearbeitungshosts ist — anstatt <br>-Elemente einzufügen, wie es früher der Fall war. Wenn Sie das alte Verhalten in Ihrer App verwenden möchten, können Sie dies mit document.execCommand() tun. Weitere Informationen finden Sie unter Unterschiede in der Markup-Generierung (siehe auch Firefox-Bug 1430551).

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

Keine Änderungen.

• ECMAScript 2015-Module wurden standardmäßig aktiviert (Firefox-Bug 1438139). Weitere Informationen finden Sie in ES6 In Depth: Modules und ES modules: A cartoon deep dive, oder konsultieren Sie die MDN-Referenzdokumentation:

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

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

Neue APIs

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

DOM

• In der Web Authentication API wurde das Dictionary-Objekt MakePublicKeyCredentialOptions in PublicKeyCredentialCreationOptions umbenannt; diese Änderung wurde in Firefox vorgenommen (Firefox-Bug 1436473).
• Die Einstellung dom.workers.enabled wurde entfernt, was bedeutet, dass Worker nicht mehr deaktiviert werden können (Firefox-Bug 1434934).
• Die body-Eigenschaft wird jetzt in der Document-Schnittstelle implementiert, anstatt in der HTMLDocument-Schnittstelle (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 Satzzeichen-Tasten wird auch dann ungleich Null, wenn das aktive Tastaturlayout keine ASCII-Zeichen erzeugt. Weitere Details finden Sie in diesen Anmerkungen. 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 für die Bestimmung der keyCode-Werte von Satzzeichentasten aufgenommen (Firefox-Bug 1036008).
• Die gecko-exklusive Optionsobjekt-Option storage der Methode IDBFactory.open() (siehe Experimentelles Gecko-Optionsobjekt) wurde als veraltet markiert (Firefox-Bug 1442560).
• Promises können jetzt innerhalb von IndexedDB-Code verwendet werden (Firefox-Bug 1193394).

DOM-Ereignisse

Keine Änderungen.

Service-Arbeiter

Keine Änderungen.

Medien und WebRTC

• Beim Aufnehmen oder Teilen von Medien, die mit getUserMedia() erfasst wurden, wird das Kamera-"in Gebrauch"-Anzeigelicht ausgeschaltet, wenn die Kamera durch Setzen der entsprechenden Spur MediaStreamTrack.enabled auf false stummgeschaltet wird, um dem Benutzer zu helfen, leichter zu erkennen, dass die Kamera nicht in Gebrauch ist (Firefox-Bug 1299515). Weitere Details finden Sie unter Benutzerprivatsphäre. Siehe auch diesen Blogbeitrag.
• Das Entfernen einer Spur von einer RTCPeerConnection mit removeTrack() entfernt nicht mehr den RTCRtpSender der Spur aus der Liste der Sender der Peer-Verbindung, die durch getSenders() gemeldet wird (Firefox-Bug 1290949).
• Die Zeitstempel der Objekte RTCRtpContributingSource und RTCRtpSynchronizationSource wurden zuvor basierend auf Werten gemeldet, die von Date.getTime() zurückgegeben wurden. In Firefox 60 wurden diese korrigiert, um korrekt die Performance Timing API zu verwenden (Firefox-Bug 1433576).
• Laut Spezifikation wirft der Konstruktor ConvolverNode() jetzt einen NotSupportedError DOMException, wenn der referenzierte AudioBuffer nicht 1, 2 oder 4 Kanäle hat (Firefox-Bug 1443228).
• Der veraltete RTCPeerConnection-Ereignishandler RTCPeerConnection.onremovestream wurde entfernt; mittlerweile sollten Sie removetrack-Ereignisse verwenden (Firefox-Bug 1442385).
• Der primäre Name für RTCDataChannel ist jetzt tatsächlich 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 Einstellung privacy.resistFingerprinting auf true gesetzt ist, wird die WebGL-Erweiterung WEBGL_debug_renderer_info von nun an deaktiviert (Firefox-Bug 1337157).

Keine Änderungen.

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

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).

Keine Änderungen.

Anfragen, die Anmeldeinformationen enthalten, können jetzt Verbindungen mit Anfragen teilen, die keine Anmeldeinformationen enthalten. Wenn zum Beispiel dieselbe Quelle sowohl Web-Schriften als auch einige benutzerrelevante Daten aus demselben CDN abruft, könnten beide eine Verbindung teilen, was möglicherweise zu einer schnelleren Antwort führt (Firefox-Bug 1363284).

Keine Änderungen.

• Die proprietären enabled- und disabled-Werte 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).

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

Keine Änderungen.

Keine Änderungen.

Keine Änderungen.

Theme-API:

• headerURL ist jetzt optional
• Beim Erstellen eines Browser-Themes wird jeder angewendete text-shadow auf den Header-Text entfernt, wenn keine 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