Die Firefox Developer Edition ist eine neue Version des beliebten Browsers Mozilla, die sich an Webentwickler richtet.

In den letzten Jahren haben die populärsten Browser Werkzeuge eingebaut, mit denen sie den Quellcode von Webseiten anzeigen und bearbeiten können. Dieses Tool ist für Webentwickler sehr nützlich, da es ihnen ermöglicht, Fehler leicht zu lokalisieren, die Webseite während des Betriebs zu bearbeiten und die Ergebnisse der Änderungen sofort zu sehen.

Firefox Developer Edition ist ein Standard-Webbrowser, mit dem wir auf die übliche Weise im Internet surfen können. Er hat jedoch die Besonderheit, dass er viele Tools enthält, die die Arbeit von Webentwicklern erleichtern. Einige dieser Tools sind:

• Valence : Mit diesem Tool können wir verschiedene Browser auf verschiedenen Geräten debuggen. Zum Beispiel können wir eine Webseite auf Safari auf iOS oder Chrome auf Android debuggen. Das ermöglicht es, das mobile Gerät mit dem Computer zu verbinden und mit Firefox Änderungen am Quellcode der Seite vorzunehmen. Diese Änderungen werden auf den verbundenen Mobilgeräten übernommen. Dieses Tool befindet sich noch in der Testphase, daher wird nicht empfohlen, ständig damit zu arbeiten.
• Responsive Design : Dank dieser Ansicht ist es nicht nötig, ein Plug-in zu installieren, um zu prüfen, wie die Seite in verschiedenen Auflösungen angezeigt wird. Auf diese Weise können wir sehen, ob sich das responsive Design perfekt an die größtmögliche Anzahl von Auflösungen anpasst.
• Seiteninspektor : Dieses Panel zeigt Informationen über die Elemente an, aus denen die Webseite besteht. Wir können den HTML und CSS Code sehen und direkt ändern. Wenn wir zum Beispiel eine CSS Klasse auswählen, werden alle Elemente, die diese CSS Klasse verwenden, auf der Webseite hervorgehoben. Das Gleiche passiert mit dem HTML Code; wenn wir das "Inspector Page" Panel öffnen und den Cursor auf ein HTML Element setzen, wird dieses Element im Design der Seite hervorgehoben.
• Webkonsole : Dieses Panel zeigt die Fehler- und Warnmeldungen an, die von der Webseite, die wir besuchen, erzeugt werden, und ordnet sie in Kategorien ein, so dass wir die entsprechenden Fehler zu CSS, Javascript, Network usw. sehen können. Wir können auch mit den Elementen des Webs interagieren, indem wir Javascript-Code in die Konsole eingeben. Wir können die Methode eines Objekts aufrufen oder jQuery verwenden, um eine Reihe von Elementen aufzulisten. Alles, was wir mit Javascript machen können, können wir auch direkt auf der "Web Console" ausführen.
• Network Monitor : Hier können wir alle von einer Webseite ausgeführten Anfragen sehen und die Header der Seite untersuchen. Diese Ansicht ist sehr nützlich, um genau zu wissen, wie viele externe Elemente eine Webseite laden und ob es notwendig ist, die Anzahl der Elemente zu reduzieren. Wir können die Anfragen nach Typ filtern: HTML, CSS, JS, Bild, Quellen, Multimedia und andere.

Dies sind nur einige Funktionen, die diese neue Version des Firefox Browsers bietet. Sicherlich werden viele Webentwickler/innen mit dieser Version zufrieden sein und Firefox Developer Edition zu ihrem Standardbrowser machen.