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 zu Ctrl + 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

SVG

Keine Änderungen.

JavaScript

APIs

Neue APIs

DOM

DOM-Ereignisse

Keine Änderungen.

Service Worker

Keine Änderungen.

Medien und WebRTC

Canvas und WebGL

CSSOM

Keine Änderungen.

HTTP

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 und disabled 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 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

Ältere Versionen