Firefox Developer Edition: Browser wird zum Rundum-Sorglos-Paket für Erstellung von Web-Apps

Anlässlich des 10. Geburtstags des Firefox-Browsers hat Mozilla auch schon eine Developer-Edition für den heutigen Tag angekündigt und abgeliefert. Diese steht ab sofort für Entwickler (und andere Interessierte) zur Verfügung. Entwickelt wurde sie speziell für Web-Entwickler, die Plattform-unabhängig Web-Apps gestalten wollen. Hierfür stellt Mozilla einen stabilen Browser zur Verfügung, der mit zahlreichen Tools ausgestattet ist, die man als Entwickler eben so benötigt.

FF_Dev

Das Tool Valence ersetzt hier den Firefox Tools Adapter. Mit Valence ist es möglich, eine App in verschiedenen Browsern zu testen, indem die Dev-Tools mit den Engines anderer Browser verknüpft werden. So können Apps für Firefox OS, Android, Chrome und Safari getestet werden. Bis jetzt beinhalten diese Tools Inspector, Debugger und einen Console & Style Editor.

WebIDE sorgt dafür, dass man Firefox OS-Apps direkt im Browser erstellen und debuggen kann, das ist auch mobil mit Firefox OS möglich. Man kann hier auf Templates zurückgreifen, um neue Apps zu erstellen, aber es ist auch möglich, Code von fertigen Apps zu laden und zu bearbeiten. Apps kann man dann auch direkt in einem Simulator starten und es stehen natürlich auch die Entwickler-Tools für das Debugging zur Verfügung. Wie der Simulator funktioniert, seht Ihr in folgendem Video.

Die Firefox Developer Edition beinhaltet auch Tools, die Web-Entwickler bereits kennen und schätzen:

– Responsive Design Modus: Auf diese Weise kann man prüfen, wie eine Web-App oder -Seite auf verschiedenen Bildschirmgrößen aussieht, ohne die Größe des Browser-Fensters ändern zu müssen.

– Page Inspector: Mit diesem Tool lässt sich der HTML- und CSS-Code jeder Seite anzeigen und auf einfache Weise Struktur und Layout einer Seite ändern.

– Web Console: Im Zusammenhang mit einer Webseite gesammelte Informationen werden angezeigt, über Web Console kann man mittels JavaScript mit einer Seite interagieren.

– JavaScript Debugger: Debugging-Tool für JavaScript hilft bei der Entdeckung und Behebung von Fehlern.

– Network Monitor: Das Tool überwacht alle Requests, die vom Browser ausgehen, wie lange diese benötigen und kann auch detaillierte Informationen zu den Requests anzeigen.

– Style Editor: Betrachten und Ändern jeglicher Style-Sheets ist mit diesem Tool möglich, auch kann man neue Styles erstellen und auf jede Webseite anwenden.

– Web Audio Editor: Mit diesem Editor kann man die Web Audio Schnittstelle in Echtzeit beobachten und ändern, sodass alle Audio-Elemente so funktionieren, wie man es sich vorstellt.

Ihr seht, Entwickler bekommen mit der Developer Edition von Firefox ein sehr mächtiges Werkzeug, das zahlreiche Tools unter einem Dach vereint. Man sollte damit auf jeden Fall schneller entwickeln können, als wenn man verschiedene Programme nutzt, da der Wechsel zwischen den verschiedenen Elementen den Workflow nicht unterbricht.

Den Download und ausführliche Informationen zur neuen Firefox Developer Edition findet Ihr an dieser Stelle.

Gefällt dir der Artikel? Dann teile ihn mit deinen Freunden.

Sascha Ostermaier

Technik-Freund und App-Fan. In den späten 70ern des letzten Jahrtausends geboren und somit viele technische Fortschritte live miterlebt. Vater der weltbesten Tochter (wie wohl jeder Vater) und Immer-Noch-Nicht-Ehemann der besten Frau der Welt. Außerdem zu finden bei Twitter (privater Account mit nicht immer sinnbehafteten Inhalten) und Instagram. PayPal-Kaffeespende an den Autor.

Das könnte dir auch gefallen…

Mit dem Absenden eines Kommentars willigst du unserer Datenschutzerklärung und der Speicherung von dir angegebener, personenbezogener Daten zu.

10 Kommentare

  1. Nettes Spielzeug … Lass ich gleich mal gegen Chrome Canary antreten.

  2. Aus meiner Sicht überflüssig. Der Browser soll Browser bleiben, für alles andere gibt es Erweiterungen. Ich, und die meisten anderen Webentwickler, die ich kenne, setzen seit Jahren auf Firebug.

  3. @ N-Rico:
    Umso besser, dann gewöhn dich schonmal an den Gedanken, dass du diesen neuen Browser umso häufiger brauchen wirst. Laut Sören wird Firebug 3.0 nicht mehr eigene Werkzeuge mitbringen, sondern auf den Firefox-Tools aufsetzen.

    https://www.soeren-hentzschel.at/mozilla/firefox/2014/11/10/firebug-3-alpha-neues-firebug-baut-auf-firefox-werkzeugen-auf/

  4. @Gouryella:

    Das befürworte ich trotzdem. Wozu muss das Firebug Team das Rad jetzt noch neu erfinden, wenn es die Logik bereits gibt und man sich in diese einklinken kann? Sie nutzen weiterhin ihre Oberfläche mit neuem Core. Für jeden Entwickler keine Umgewöhnung. Allerdings wäre es mir lieber, wäre der Firefox von zu Haus aus schlank und würde sich auf das Wichtigste konzentrieren. Aber gut, die Konkurrenz macht es ja auch nicht anders.

  5. Slider-Override says:

    Gibt es den Theme auch für die Finale Firefox version ?

  6. @Slider-Override: Nope, DevEdition exklusiv.

  7. Gibt’s den auch portabel?

  8. Kann man den parallel zum „normalen“ FF installieren?

  9. Zur Info: „Die neue Developer Edition lässt sich dank getrennter Nutzerprofile auch parallel zu anderen Versionen des Browsers nutzen.“

Du willst nichts verpassen?
Neben der E-Mail-Benachrichtigung habt ihr auch die Möglichkeit, den Feed dieses Beitrags zu abonnieren. Wer natürlich alles lesen möchte, der sollte den Hauptfeed abonnieren. Alternativ könnt ihr euch via E-Mail über alle neuen Beiträge hier im Blog informieren lassen. Einfach eure E-Mail-Adresse hier eingeben, dann bekommt ihr 1x täglich morgens eine Zusammenstellung. Mit dem Absenden willigst du unserer Datenschutzerklärung und der Speicherung von dir angegebener, personenbezogener Daten zu.