Firefox Browser Developer Edition

Dein neuer Lieblings-Browser ist da – mit innovativen Features, mehr Performance sowie allen DevTools für Dich und das offene Web.

Firefox Developer Edition — Deutsch

Möglicherweise erfüllt Dein System nicht alle Voraussetzungen für Firefox. Versuche es doch mit einer dieser Versionen:

Firefox Developer Edition — Deutsch

Firefox-Datenschutzhinweis

Die Firefox Developer Edition sendet automatisch Feedback an Mozilla. Weitere Infos

Firefox Browser Developer Edition

Der Browser für Entwickler

Die neuesten Entwicklerwerkzeuge als Beta-Version sowie experimentelle Funktionen wie der mehrzeilige Konsoleneditor und WebSocket-Inspektor.

Ein getrenntes Profil mit eigenem Pfad, damit die Version neben dem Release oder Firefox Beta genutzt werden kann.

Einstellungen, die an Web-Entwickler angepasst wurden: Browser- und Fern-Debugging sind standardmäßig aktiviert, ebenso wie das dunkle Theme und die Schaltfläche für die Entwicker-Symbolleiste.

Neue Tools

Inaktives CSS

Firefox DevTools zeigt ab sofort CSS-Deklarationen in grau an, die auf der Seite keine Anwendung finden. Wenn du mit der Maus über das Infosymbol fährst, wird eine hilfreiche Meldung angezeigt, warum das CSS nicht angewendet wird, einschließlich eines Hinweises zur Behebung des Problems.

Weitere Infos

Neue Tools

Firefox DevTools

Die neuen Firefox DevTools sind nicht nur leistungsstark und flexibel, sondern auch erweiterbar. Ganz weit vorne: Der JavaScript-Debugger für viele Browser, entwickelt in React und Ember.

Weitere Infos

Innovative Features

Master CSS Grid

Firefox ist der einzige Browser mit speziellen Tools für Entwicklung und Design mit dem CSS Grid. Zur verbesserten Visualisierung des Grid. Zum Anzeigen von zugehörigen Namen innerhalb der Umgebung. Zur Vorschau bei Veränderungen des Grid und mehr.

Weitere Infos

Schnellere Informationen

Schriftart-Panel

Mit dem neuen Schriftart-Panel in den Firefox DevTools haben Entwickler schnellen Zugriff auf alle Informationen zu den von einem Element verwendeten Schriftarten. Dazu zählen auch wichtige Informationen wie die Quelle, das Gewicht und der Stil der Schriftart und mehr.

Weitere Infos

Gestalte. Code. Teste. Verbessere.

Bauen und perfektionieren Sie Ihre Websites
mit Firefox DevTools

Inspector

Code inspizieren und optimieren für pixelgenaue Layouts.
Mehr über den Inspector erfahren
Konsole

Tracke CSS, JavaScript, Sicherheit und Netzwerkprobleme.
Mehr über die Konsole erfahren
Debugger

Leistungsstarker JavaScript Debugger mit Framework Unterstützung.
Mehr über den JavaScript-Debugger erfahren
Netzwerk

Identifiziere Netzwerkanfragen, die Seiten verlangsamen oder blockieren.
Mehr über die Netzwerkanalyse erfahren
Storage Panel

Hinzufügen, modifizieren und entfernen von Cache- und Session-Daten.
Mehr über das Storage Panel erfahren
Responsive Design Mode

Teste die unterschiedlichen Display-Auflösungen im Browser.
Mehr über die Responsive Design Ansicht erfahren
Bildbearbeitung

Optimiere Animationen, Ausrichtung und Innenabstände.
Mehr über die Bildbearbeitung erfahren
Performance

Engpässe vermeiden, Prozesse verschlanken und Assets optimieren
Mehr über die Performance Tools erfahren
Speicher

Memory Leaks aufspüren, damit die Anwendung immer reibungslos läuft.
Mehr über die Memory Tools erfahren
Style Editor

Alle CSS Stylesheets im Browser bearbeiten und managen.
Mehr über den Style Editor erfahren