Firefox 61 für Entwickler

Ä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 erwarteten POST-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) oder Cmd + 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) und devtools.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 und font-optical-sizing wurde standardmäßig aktiviert (Firefox-Bug 1447163).

• Die Eigenschaften grid-gap, grid-row-gap und grid-column-gap wurden in gap, row-gap und column-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-Wert content 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 nicht fit-content dimensioniert (Firefox-Bug 1282821). Weitere Details zu diesen Werten finden Sie in den Definitionen der width-Werte.

• font-weight, font-stretch und font-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 Stichwort oblique.

• 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 und text 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-Attribute path und side (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() und String.prototype.trimEnd() wurden implementiert (siehe Firefox-Bug 1434007). trimLeft und trimRight bleiben aus Gründen der Webkompatibilität als Aliase bestehen.

APIs

Neue APIs

• Die PerformanceServerTiming API wurde implementiert. Sie bringt serverseitige Metriken, die über den Server-Timing-Header gesendet werden, zum Vorschein (Firefox-Bug 1423495).

DOM

• Die Eigenschaften anchors, applets, embeds, forms, head, images, links, plugins und scripts wurden von der HTMLDocument-Schnittstelle auf die Document-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 mehr false als Standardwert für alle seine booleschen Eigenschaften. Jetzt haben nur noch childList und subtree Standardwerte (immer noch false). Die anderen Eigenschaften haben keine Standardwerte (Firefox-Bug 973638).
• Die Zahlungsanforderungs-API-Methode PaymentRequest.show() unterstützt jetzt die Verwendung eines Promise, 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 optionalen options-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 des File-Interfaces wurde entfernt (Firefox-Bug 1458883).
• Die Methoden Node.setUserData und Node.getUserData wurden vollständig aus der Plattform entfernt (Firefox-Bug 749981).
• Die Methode Element.createShadowRoot() wurde entfernt. Verwenden Sie stattdessen Element.attachShadow() (Firefox-Bug 1453789).
• Die Überladung des MediaStream der Methode URL.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 einer about: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 und toolbar_field_border gelten jetzt auch für die Suchleiste (Firefox-Bug 1418605).
• In sidebarAction.getPanel(), sidebarAction.getTitle(), sidebarAction.setPanel(), sidebarAction.setTitle() und sidebarAction.setIcon() können Sie jetzt eine windowId angeben, sodass die Funktionen nur für ein bestimmtes Fenster festgelegt/abgerufen werden (Firefox-Bug 1390464).
• tabs.hide() und tabs.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).