Firefox 61 für Entwickler
Dieser Artikel bietet Informationen über die Änderungen in Firefox 61, die Entwickler betreffen werden. Firefox 61 wurde am 26. Juni 2018 veröffentlicht.
Änderungen für Web-Entwickler
Entwicklerwerkzeuge
-
Die neue Oberfläche der Konsole wurde standardmäßig für die Browser-Konsole und das Browser-Werkzeugkasten aktiviert (Firefox-Bug 1362023/Firefox-Bug 1347127). Die alte Benutzeroberfläche wurde entfernt.
-
Im Netzwerk-Monitor sendet das Klicken auf In neuem Tab öffnen im Kontextmenü einer
POST
-Anfrage die Anfrage mit den erwartetenPOST
-Parametern korrekt erneut (Firefox-Bug 1407515). -
CSS-Variablen vervollständigen jetzt automatisch mit Farbfeldern, sodass Sie genau sehen können, welcher Farbwert in jeder Variablen gespeichert ist (Firefox-Bug 1451211).
- Wenn Sie zusätzlich über einen CSS-Variablennamen fahren, erscheint ein Tooltip, der zeigt, welcher Farbwert in dieser Variablen gespeichert ist (Firefox-Bug 1431949).
-
Die Symbolleiste des Hauptwerkzeugs wurde neu gestaltet. Highlights sind eine bessere Reaktionsfähigkeit für schmale und breite Ansichten mit einem neuen Überlauf-Dropdown, aufgeräumtes Drei-Punkte-Menü und sortierbare Tabs, um Ihre am häufigsten verwendeten Panels zu priorisieren (Firefox-Bug 1226272).
-
Die Symbolleiste des Netzwerk-Monitors enthält jetzt ein Dropdown-Menü, das einen einfacheren Zugang zu den Befehlen 'Alle als HAR kopieren' und 'Alle als HAR speichern' sowie eine 'Importieren…'-Option bietet (Firefox-Bug 1403530).
-
Die Detailansicht des Netzwerk-Monitors enthält jetzt einen Cache-Tab, der Informationen über zuvor zwischengespeicherte Ressourcen anzeigt (Firefox-Bug 859051).
-
Die Hauptsymbolleiste des Netzwerk-Monitors wurde neu gestaltet, um reaktionsfähiger auf kleineren Ansichten zu sein und visuell mit der Konsole abzustimmen.
-
Die Hauptsymbolleiste des Netzwerk-Monitors enthält jetzt ein Throttling-Dropdown, das vorher nur im Responsive Design Modus verfügbar war. Es ermöglicht das Drosseln Ihrer Netzwerkgeschwindigkeit, um verschiedene Netzwerkgeschwindigkeitsszenarien zu simulieren (Firefox-Bug 1349559).
-
Die Browser-Konsole blendet standardmäßig CSS-Fehler aus, aus Gründen der Lesbarkeit und Leistung (Firefox-Bug 1452143).
-
Die Browser-Konsole enthält jetzt einen Befehl zum Neustarten des Browsers. Verwenden Sie
Ctrl
+Alt
+R
(Windows, Linux) oderCmd
+Alt
+R
(Mac), um den Browser mit denselben geöffneten Tabs wie vor dem Neustart neu zu starten. -
Die Web-Erweiterungs-APIs von DevTools
devtools.network.onRequestFinished
(Firefox-Bug 1311171) unddevtools.network.getHAR
(Firefox-Bug 1311177) wurden implementiert (ermöglicht Erweiterungen wie har-export-trigger). -
Das Firebug-Theme wurde entfernt, da der Übergang der Firebug-Nutzer zu DevTools abgeschlossen ist (Firefox-Bug 1378108).
HTML
Keine Änderungen.
CSS
-
CSS-Parsing wurde parallelisiert (Firefox-Bug 1346988).
-
Unterstützung für
font-variation-settings
undfont-optical-sizing
wurde standardmäßig aktiviert (Firefox-Bug 1447163). -
Die Eigenschaften
grid-gap
,grid-row-gap
undgrid-column-gap
wurden ingap
,row-gap
undcolumn-gap
umbenannt, da sie nicht mehr ausschließlich für Rastersysteme spezifisch sind (Firefox-Bug 1398482). Weitere Details finden Sie unter Box-Ausrichtung; Lücken zwischen Boxen. Die alten Namen wurden zur Wahrung der Webkompatibilität als Aliase beibehalten. -
Der
flex-basis
-Wertcontent
wird jetzt unterstützt (Firefox-Bug 1105111). -
Prozentwerte von
column-gap
werden jetzt in CSS-Multicol-Layout unterstützt (Firefox-Bug 1398537). -
Die CSS-
:host
-Pseudoklasse wird jetzt unterstützt; sie wählt ein benutzerdefiniertes Element aus dem Inneren seines Shadow DOM aus (Firefox-Bug 992245). -
overflow
akzeptiert jetzt die Syntax mit zwei Werten (Firefox-Bug 1453148). -
Flex-Elemente, die gemäß ihrem Inhalt dimensioniert werden, werden jetzt mit
max-content
und nichtfit-content
dimensioniert (Firefox-Bug 1282821). Weitere Details zu diesen Werten finden Sie in den Definitionen derwidth
-Werte. -
font-weight
,font-stretch
undfont-style
unterstützen jetzt zusätzliche Werte, wie sie von CSS Fonts level 4 definiert sind (Firefox-Bug 1436048):font-weight
akzeptiert jetzt einen Gleitkommawert zwischen 1 und 1000 einschließlich.font-stretch
akzeptiert jetzt Prozentwerte.font-style
akzeptiert jetzt einen Winkel nach dem Stichwortoblique
.
-
Die
@font-face
-Deskriptor-Äquivalente der drei oben genannten Eigenschaften unterstützen auch die neue Syntax und außerdem eine Zwei-Werte-Syntax, die es erlaubt, einen Wertebereich von Deskriptoren anzugeben, die von einer Schriftart-Face unterstützt werden (Firefox-Bug 1436061, Firefox-Bug 1436048).
SVG
- Die Eigenschaften
ping
,rel
,referrerPolicy
,relList
,hreflang
,type
undtext
wurden dem<a>
-Element (SVGAElement
) hinzugefügt, um mit dem HTML-<a>
-Element konsistent zu sein (Firefox-Bug 1451823). - Das
<textPath>
-Element (SVGTextPathElement
) unterstützt jetzt die SVG2-Attributepath
undside
(Firefox-Bug 1446617 und Firefox-Bug 1446650). - Die
SVGGeometryElement
-Schnittstelle wird jetzt für mehr Elemente und nicht nur für das<path>
-Element unterstützt (Firefox-Bug 1325320).
JavaScript
- Die Methoden
String.prototype.trimStart()
undString.prototype.trimEnd()
wurden implementiert (siehe Firefox-Bug 1434007).trimLeft
undtrimRight
bleiben aus Gründen der Webkompatibilität als Aliase bestehen.
APIs
Neue APIs
- Die
PerformanceServerTiming
API wurde implementiert. Sie bringt serverseitige Metriken, die über denServer-Timing
-Header gesendet werden, zum Vorschein (Firefox-Bug 1423495).
DOM
- Die Eigenschaften
anchors
,applets
,embeds
,forms
,head
,images
,links
,plugins
undscripts
wurden von derHTMLDocument
-Schnittstelle auf dieDocument
-Schnittstelle verschoben (Firefox-Bug 1415588). DOMTokenList.replace()
gibt jetzt einen booleschen Wert zurück, um zu kennzeichnen, ob der Ersatz erfolgreich ausgeführt wurde, anstatt keinen Wert zurückzugeben (Firefox-Bug 1444909).- Die Fetch API's
Request.credentials
-Eigenschaft hat jetzt standardmäßig den Wert"same-origin"
gemäß der neuesten Spezifikationsüberarbeitung (Firefox-Bug 1394399). - Die
Request.destination
-Eigenschaft wurde implementiert (Firefox-Bug 1402892). - Das
MutationObserver
-Optionswörterbuch,MutationObserverInit
, hat nicht mehrfalse
als Standardwert für alle seine booleschen Eigenschaften. Jetzt haben nur nochchildList
undsubtree
Standardwerte (immer nochfalse
). Die anderen Eigenschaften haben keine Standardwerte (Firefox-Bug 973638). - Die Zahlungsanforderungs-API-Methode
PaymentRequest.show()
unterstützt jetzt die Verwendung einesPromise
, um es dem Client-seitigen Code zu ermöglichen, aktualisierte Zahlungsdetails vor der Aktivierung der Zahlungsoberfläche bereitzustellen (Firefox-Bug 1441709).
DOM-Ereignisse
Keine Änderungen.
Service-Worker
Der "Vergessen"-Button, verfügbar in den Anpassungsoptionen von Firefox, löscht jetzt Service-Worker und deren Caches (Firefox-Bug 1252998).
Web-Audio, Medien und WebRTC
- Der
AudioContext()
-Konstruktor akzeptiert jetzt einen optionalenoptions
-Parameter. Damit können Sie die bevorzugte Latenz und/oder Samplingrate für den neuen Kontext konfigurieren. - Firefox wirft jetzt die korrekten Ausnahmen, wenn die Instanziierung eines
AudioBuffer
fehlschlägt.
WebVR
- Die WebVR-API wurde standardmäßig auf macOS aktiviert (Firefox-Bug 1244242).
Canvas und WebGL
Keine Änderungen.
CSSOM
- Die
CSSStyleRule.selectorText
-Eigenschaft ist jetzt vollständig implementiert und nicht mehr schreibgeschützt (Firefox-Bug 37468). - Die
MediaList
-Schnittstellenimplementierung stimmt jetzt näher mit der Spezifikation überein. Sie ist noch nicht vollständig; beispielsweise wurden die Stringifizierung-Attribute noch nicht implementiert (Firefox-Bug 1455807).
HTTP
- Die Cookie-Direktive
SameSite
wurde implementiert. Siehe Set-Cookie und HTTP-Cookies (Firefox-Bug 795346).
Netzwerke
- Ab Firefox 61 wird das Verwenden des FTP-Protokolls (d.h. URLs mit dem
"ftp://"
-Schema) zum Laden von Unterressourcen aus HTML-Inhalten nicht mehr unterstützt. FTP wird weiterhin als Top-Level-URL unterstützt, die direkt in die URL-Leiste eingegeben oder als eigenständiges Dokument geladen wird (Firefox-Bug 1404744).
Sicherheit
Keine Änderungen.
Plugins
Keine Änderungen.
Sonstiges
Keine Änderungen.
Entfernungen aus der Webplattform
Entwicklerwerkzeuge
Cmd
/Ctrl
+ Shift
+ O
zeigt/versteckt nicht mehr das DevTools-Optionspanel – verwenden Sie stattdessen F1
(Firefox-Bug 1409456).
HTML
Keine Änderungen.
CSS
@-moz-document
wurde in Inhaltsseiten deaktiviert (Firefox-Bug 1422245).
APIs
- Die Eigenschaft
lastModifiedDate
desFile
-Interfaces wurde entfernt (Firefox-Bug 1458883). - Die Methoden
Node.setUserData
undNode.getUserData
wurden vollständig aus der Plattform entfernt (Firefox-Bug 749981). - Die Methode
Element.createShadowRoot()
wurde entfernt. Verwenden Sie stattdessenElement.attachShadow()
(Firefox-Bug 1453789). - Die Überladung des
MediaStream
der MethodeURL.createObjectURL()
wurde entfernt (Firefox-Bug 1454889).
SVG
-
Die veraltete (und nie richtig implementierte)
SVGViewElement.viewTarget
-Eigenschaft wurde entfernt (Firefox-Bug 1455763). -
Die folgenden veralteten Eigenschaften wurden aus
SVGSVGElement
entfernt (Firefox-Bug 1133172):pixelUnitToMillimeterX
pixelUnitToMillimeterY
screenPixelToMillimeterX
screenPixelToMillimeterY
-
Der nicht standardisierte
SVGNumber()
-Konstruktor wurde entfernt (Firefox-Bug 1455940).
Übriges
Keine Änderungen.
Änderungen für Add-on und Mozilla-Entwickler
WebExtensions
- Autovervollständigungspopups sind jetzt anpassbar (Firefox-Bug 1417883).
tabs.onUpdated
hat jetzt eine Filtervorlage (Firefox-Bug 1329507).- Die Standarddokumentfarben können jetzt überschrieben werden, indem Sie
browserSettings.overrideDocumentColors
verwenden (Firefox-Bug 1417810). - tabs.query wurde mit der Implementierung einiger nützlicher Such-/Filteroptionsparameter optimiert (Firefox-Bug 1445316).
- Sie können jetzt
permissions.request
von einerabout:addons
-Einstellungsseite aus verwenden (Firefox-Bug 1382953). - Sie können jetzt Webseiten zwingen, Systemschriftarten anstelle der von ihnen angegebenen Schriftarten zu verwenden, indem Sie die
browserSettings.useDocumentFonts
-Eigenschaft verwenden (Firefox-Bug 1400805). - Sie können jetzt dafür sorgen, dass Autovervollständigungsvorschläge der Browser-Suche automatisch in einem neuen Tab anstelle des aktuellen Tabs geöffnet werden, indem Sie die
browserSettings.openUrlbarResultsInNewTabs
-Eigenschaft verwenden (Firefox-Bug 1432645). - Sie können steuern, ob der Benutzer einen Tab mit einem Doppelklick schließen kann, indem Sie die
browserSettings.closeTabsByDoubleClick
-Eigenschaft verwenden (Firefox-Bug 1435142). - Die Thema-Manifest-Eigenschaften
toolbar
,toolbar_text
,toolbar_field
,toolbar_field_text
undtoolbar_field_border
gelten jetzt auch für die Suchleiste (Firefox-Bug 1418605). - In
sidebarAction.getPanel()
,sidebarAction.getTitle()
,sidebarAction.setPanel()
,sidebarAction.setTitle()
undsidebarAction.setIcon()
können Sie jetzt einewindowId
angeben, sodass die Funktionen nur für ein bestimmtes Fenster festgelegt/abgerufen werden (Firefox-Bug 1390464). tabs.hide()
undtabs.show()
sind jetzt standardmäßig aktiviert (Firefox-Bug 1455040).- Beim ersten Mal, wenn eine Erweiterung einen Tab ausblendet, wird der Browser dem Benutzer mitteilen, dass der Tab ausgeblendet wird, ihm zeigen, wie er auf den ausgeblendeten Tab zugreifen kann, und ihm die Möglichkeit geben, die Erweiterung stattdessen zu deaktivieren (Firefox-Bug 1438363).