Firefox 60 für Entwickler
Dieser Artikel bietet Informationen zu den Änderungen in Firefox 60, die Entwickler betreffen. Firefox 60 wurde am 9. Mai 2018 veröffentlicht.
Stylo kommt in Firefox für Android ab Version 60
Die neue parallele CSS-Engine von Firefox — auch bekannt als Quantum CSS oder Stylo — wurde nun in Firefox für Android aktiviert, nachdem sie zuerst standardmäßig in Firefox 57 für den Desktop aktiviert wurde.
Änderungen für Webentwickler
Entwicklerwerkzeuge
- In der CSS-Regelansicht des CSS-Bereichs (siehe CSS untersuchen und bearbeiten) wurden die Tastenkombinationen für präzise Werteinkrementierung (Erhöhung/Verringerung um 0,1) auf Linux und Windows von
Alt
+Pfeil hoch
/Pfeil runter
zuCtrl
+Pfeil hoch
/Pfeil runter
geändert, um Konflikte mit den standardmäßigen Betriebssystem-Tastenkombinationen zu vermeiden (siehe Firefox Bug 1413314). - Ebenfalls in der CSS-Regelansicht werden CSS-Variablennamen nun automatisch vervollständigt (Firefox Bug 1422635). Wenn Sie
var(
in einen Eigenschaftswert eingeben und dann ein Minuszeichen (-
) eintippen, erscheinen alle Variablen, die Sie in Ihrem CSS deklariert haben, in einer Auto-Vervollständigungsliste. - Im Responsive Design Modus wurde ein Dropdown-Menü Neuladen bei... hinzugefügt, mit dem Benutzer das automatische Neuladen der Seite aktivieren/deaktivieren können, wenn die Touch-Simulation umgeschaltet oder der simulierte User-Agent geändert wird. Weitere Details finden Sie unter Seiten-Neuladeverhalten steuern (Firefox Bug 1428816).
- Die
view_source.tab
-Präferenz wurde entfernt, sodass der Quelltextansichtsmodus nicht mehr zwischen einem neuen Tab oder einem neuen Fenster umgeschaltet werden kann. Quelltexte werden ab sofort immer in neuen Tabs angezeigt (Firefox Bug 1418403).
HTML
Das Drücken der Enter-Taste in designMode
und contenteditable
fügt jetzt <div>
-Elemente ein, wenn sich der Cursor in einem Inline-Element oder Textknoten befindet, der ein Kindknoten eines Block-Level-Bearbeitungs-Hosts ist — statt <br>
-Elemente wie bisher einzufügen. Wenn Sie das alte Verhalten in Ihrer App verwenden möchten, können Sie dies mit document.execCommand()
erreichen. Weitere Details finden Sie unter Unterschiede in der Markup-Generierung (siehe auch Firefox Bug 1430551).
CSS
- Die Werte der Eigenschaften
align-content
,align-items
,align-self
,justify-content
undplace-content
wurden entsprechend der neuesten Spezifikation des CSS Box Alignment Module Level 3 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). Weitere Informationen finden Sie unter ES6 In Depth: Modules und ES modules: A cartoon deep dive oder konsultieren Sie die Referenzdokumentation auf MDN:
<script src="main.js" type="module">
und<script nomodule src="fallback.js">
import
undexport
-Anweisungen.
-
Die Methode
Array.prototype.values()
wurde erneut hinzugefügt (Firefox Bug 1420101). Stellen Sie sicher, dass Ihr Code keine eigene Implementierung dieser Methode enthält.
APIs
Neue APIs
- Die Web Authentication API wurde aktiviert (Firefox Bug 1432542).
DOM
- In der Web Authentication API wurde das
MakePublicKeyCredentialOptions
-Dictionary-Objekt inPublicKeyCredentialCreationOptions
umbenannt; diese Änderung wurde in Firefox vorgenommen (Firefox Bug 1436473). - Die Präferenz
dom.workers.enabled
wurde entfernt, was bedeutet, dass Worker nicht mehr deaktiviert werden können (Firefox Bug 1434934). - Die
body
-Eigenschaft wird jetzt auf derDocument
-Schnittstelle implementiert, statt auf derHTMLDocument
-Schnittstelle (Firefox Bug 1276438). PerformanceResourceTiming
ist jetzt in Workern verfügbar (Firefox Bug 1425458).- Die Methode
PerformanceObserver.takeRecords()
wurde implementiert (Firefox Bug 1436692). - Attributwerte von Satzzeichen-Tasten in
KeyboardEvent.keyCode
werden jetzt auch dann korrekt zurückgegeben, wenn das aktive Tastaturlayout keine ASCII-Zeichen produziert. Weitere Details finden Sie in diesen Anmerkungen. Bitte verwenden SieKeyboardEvent.keyCode
nicht in neuen Anwendungen — verwenden Sie stattdessenKeyboardEvent.key
oderKeyboardEvent.code
. - Die Methode
Animation.updatePlaybackRate()
wurde implementiert (Firefox Bug 1436659). - Neue Regeln wurden zur Bestimmung der keyCode-Werte von Satzzeichentasten hinzugefügt (Firefox Bug 1036008).
- Die Gecko-spezifische
storage
-Option des Objektsoptions
in der MethodeIDBFactory.open()
(siehe Experimentelle Gecko-Optionen) wurde als veraltet gekennzeichnet (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
- Das Stummschalten der Kamera durch Setzen der Eigenschaft
MediaStreamTrack.enabled
auffalse
beim Aufnehmen oder Teilen von Medien übergetUserMedia()
deaktiviert jetzt das Kamera-"in Benutzung"-Licht, um dem Nutzer besser anzuzeigen, dass die Kamera nicht in Gebrauch ist (Firefox Bug 1299515). Weitere Details finden Sie unter Benutzerdatenschutz. Siehe auch diesen Blogbeitrag. - Ein Track, der von einer
RTCPeerConnection
mitremoveTrack()
entfernt wird, entfernt jetzt nicht denRTCRtpSender
des Tracks aus der Liste der Sender der Peer-Verbindung, die vongetSenders()
gemeldet wird (Firefox Bug 1290949). - Die Zeitstempel der Objekte
RTCRtpContributingSource
undRTCRtpSynchronizationSource
wurden zuvor basierend auf den Werten vonDate.getTime()
gemeldet. In Firefox 60 wurde dies korrigiert, um stattdessen die Performance Timing API korrekt zu verwenden (Firefox Bug 1433576). - Gemäß Spezifikation löst der Konstruktor
ConvolverNode()
nun einen FehlerNotSupportedError
DOMException
aus, wenn der referenzierteAudioBuffer
nicht 1, 2 oder 4 Kanäle hat (Firefox Bug 1443228). - Der veraltete Event-Handler
RTCPeerConnection.onremovestream
fürRTCPeerConnection
wurde entfernt; verwenden Sie stattdessenremovetrack
-Events (Firefox Bug 1442385). - Der primäre Name für
RTCDataChannel
ist jetzt tatsächlichRTCDataChannel
, anstatt ein Alias fürDataChannel
zu sein. Der NameDataChannel
wird nicht mehr unterstützt (Firefox Bug 1173851).
Canvas und WebGL
- Wenn die Präferenz
privacy.resistFingerprinting
auftrue
gesetzt ist, wird die WebGL-ErweiterungWEBGL_debug_renderer_info
deaktiviert (Firefox Bug 1337157).
CSSOM
Keine Änderungen.
HTTP
SameSite
-Cookies werden jetzt unterstützt (Firefox Bug 795346). SieheSet-Cookie
für weitere Informationen.
Sicherheit
Der Header X-Content-Type-Options
, wenn er auf no-sniff
gesetzt ist, folgt nun 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.
Weitere Änderungen
Fetch-Anfragen, die Anmeldeinformationen enthalten, können nun Verbindungen mit Fetch-Anfragen ohne Anmeldeinformationen teilen. Zum Beispiel könnten Anfragen aus derselben Quelle für einige Webschriften sowie einige credentialisierte Benutzerdaten vom selben CDN dieselbe Verbindung nutzen, was möglicherweise zu einer schnelleren Verarbeitung führt (Firefox Bug 1363284).
Entfernungen aus der Webplattform
HTML
Keine Änderungen.
CSS
- Die Werte
enabled
unddisabled
der proprietären Eigenschaft-moz-user-input
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 aus der Plattform entfernt (Firefox Bug 1429723).
JavaScript
Die nicht standardisierte Syntax expression closure wurde entfernt (Firefox Bug 1426519).
APIs
Keine Änderungen.
SVG
Keine Änderungen.
Weitere Änderungen
Keine Änderungen.
Änderungen für Add-on- und Mozilla-Entwickler
WebExtensions
Theme-API:
-
headerURL
ist jetzt optional. -
Beim Erstellen eines Browser-Themes wird jeglicher
text-shadow
, der auf den Header-Text angewendet wurde, entfernt, wenn keinheaderURL
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
Ältere Versionen
- Firefox 59 für Entwickler
- Firefox 58 für Entwickler
- Firefox 57 für Entwickler
- Firefox 56 für Entwickler
- Firefox 55 für Entwickler
- Firefox 54 für Entwickler
- Firefox 53 für Entwickler
- Firefox 52 für Entwickler
- Firefox 51 für Entwickler
- Firefox 50 für Entwickler
- Firefox 49 für Entwickler
- Firefox 48 für Entwickler
- Firefox 47 für Entwickler
- Firefox 46 für Entwickler
- Firefox 45 für Entwickler
- Firefox 44 für Entwickler
- Firefox 43 für Entwickler
- Firefox 42 für Entwickler
- Firefox 41 für Entwickler
- Firefox 40 für Entwickler
- Firefox 39 für Entwickler
- Firefox 38 für Entwickler
- Firefox 37 für Entwickler
- Firefox 36 für Entwickler
- Firefox 35 für Entwickler
- Firefox 34 für Entwickler
- Firefox 33 für Entwickler
- Firefox 32 für Entwickler
- Firefox 31 für Entwickler
- Firefox 30 für Entwickler
- Firefox 29 für Entwickler