CSS in SublimeText editieren, mit Live-Anbindung an Firefox
CSS in SublimeText editieren, mit Live-Anbindung an Firefox (Bild: Paul Rouget)

Firefox Bessere Werkzeuge für Webentwickler

Mozilla will die in Firefox integrierten Werkzeuge für Webentwickler verbessern. Mozilla-Entwickler Paul Rouget hat um Vorschläge dafür gebeten, mittlerweile sind erste Experimente und Prototypen fertig, einige Funktionen stehen sogar schon in den Nightly Builds von Firefox zur Verfügung.

Anzeige

Eine bessere Integration von Browser und Editor, also die Möglichkeit, Code direkt im Browser zu schreiben und den Browser direkt aus dem Editor zu steuern, haben sich laut Mozilla-EntwicklerPaul Rouget die meisten Webentwickler gewünscht. Rouget hatte vor zehn Tagen um Verbesserungsvorschläge gebeten für die Werkzeuge in Firefox für Webentwickler gebeten. Daraus haben die Mozilla-Entwickler zwei Konzepte entwickelt: eine Python-Bibliothek zur Interaktion mit Firefox, die bereits als Proof of Concept vorliegt, sowie einen in den Browser integrierten Editor.

 
Video: CSS mit SublimeText live editieren

Die Python-Bibliothek soll es ermöglichen, Firefox direkt aus einem Editor heraus zu steuern. Schließlich ließen sich die meisten Editoren mittels Python erweitern, so Rouget. Die Bibliothek greift dabei auf das Devtools-Protokoll von Firefox zu, mit dem sich der Browser über das Netzwerk ansprechen lässt. So lassen sich beispielsweise in Vim Javascript-Breakpoints setzen oder der Code einer geöffneten Webseite direkt mit SublimeText editieren. Das funktioniert sowohl mit der Desktop- als auch mit der mobilen Version von Firefox, es wird aber einige Monate dauern, bis die Bibliothek so weit ist, dass sie in Firefox integriert werden kann.

Der zweite Ansatz existiert bislang nur als Skizze und sieht vor, einen Editor direkt in die Devtools von Firefox zu integrierte. Offen ist, ob dies eher nach dem Vorbild eines klassischen Dateimanagers oder ähnlich wie jsFiddle gestaltet wird.

Netzwerk-Panel und Timeline

In anderen Bereichen sind die Mozilla-Entwickler schon weiter. So arbeitet Victor Porof an einem Netzwerk-Panel für Firefox, wie es in Chrome und auch in der Firefox-Erweiterung Firebug heute schon zu finden ist. Hier existiert bereits ein funktionierender Prototyp.

  • Mockup: Editor direkt in Firefox integriert
  • Sourcemap-Support für Firefox
  • Firebug-Panels sollen sich künftig in die Firefox-Devtools integrieren lassen.
  • Firefox Terminal unterstützt Coffescript und Livescript
  • Devtools lassen sich künftig auch rechts andocken.
Mockup: Editor direkt in Firefox integriert

Ebenfalls verbessert werden soll das Zusammenspiel der Firefox-Devtools mit Firebug. Der Firebug-Entwickler Jan 'Honza' Odvarko arbeitet zudem daran, Firebug-Panels in die Devtools zu integrieren. Die Entwicklung befindet sich aber noch im experimentellen Stadium.

Neue Entwicklerwerkzeuge in aktuellen Nightly Builds

Bereits in den aktuellen Nightly Builds vorhanden ist die Möglichkeit, die Devtools von Firefox am rechten Rand des Browserfensters anzudocken statt unten. Mit Firefox Terminal gibt es zudem eine Erweiterung, die neben Javascript auch direkt Coffescript und Livescript unterstützt.

 
Video: Repaint-View für Firefox

Um Entwicklern das Debuggen weiter zu erleichtern, arbeitet Nick Fitzgerald auch an der Unterstützung von Sourcemaps, wie sie Chrome bereits unterstützt. Damit lassen sich Fehler in den Originalquellen anzeigen, auch wenn eigentlich eine minimierte oder aus anderen Sprachen wie Coffeescript übersetzte Version des Scripts ausgeführt wird.

Rouget selbst hat den sogenannten Repaint-View für Firefox entwickelt, der anzeigt, welche Bereiche einer Website Firefox bei Veränderungen oder Animationen neu zeichnen muss. Das soll Entwicklern helfen, Änderungen an Webseiten möglichst effizient umzusetzen.

Darüber hinaus hat Rouget einen Proof-of-Concept entwickelt, mit dem sich Animationen im Browser zu Debug-Zwecken direkt steuern lassen. Er nutzt requestAnimationFrame() so dass Entwickler Animationen anhalten und Bild für Bild ablaufen lassen können.

 
Video: Animationen bildgenau steuern

Das soll aber erst der Anfang sein. Rouget verspricht weitere Neuerungen, die entsprechend der Nutzerwünsche umgesetzt werden sollen. Dazu zählen beispielsweise eine Visualisierung von Event-Bindings, Werkzeuge zur Arbeit mit Offline-Storage sowie de Möglichkeit, Pseudo-Elemente zu untersuchen.


ursfoum14 20. Mr 2013

Wie wäre es mal den Firebug zu integrieren. Allerdings nicht als JavaScript, sondern eine...

Lala Satalin... 20. Mr 2013

Das frage ich mich auch die ganze Zeit. Vor allem, die 4 MB, die man mehr auf Platte hat...

OnlineGamer 19. Mr 2013

Software ist Software und hat Bugs/Sicherheitslecks. Ich muss gar nichts erklären, du...

DerAmboss 19. Mr 2013

SublimeText ist imho ein wirklich genialer Editor, jeden Dollar wert. Nutze ihn privat...

Kommentieren



Anzeige

  1. IT-Systemadministrator (m/w)
    DERTICKETSERVICE.DE GmbH & Co. KG, Köln
  2. Projektleiter (m/w)
    Medizinischer Dienst der Krankenversicherung in Bayern, München
  3. Kaufmännischer Sachbearbeiter (m/w) für die Kundenbetreuung im Dokumentenmanagement
    PS Team Deutschland GmbH & Co. KG, Walluf bei Wiesbaden
  4. Software Architect (m/w)
    Systemair GmbH, Windischbuch

Detailsuche


Blu-ray-Angebote
  1. VORBESTELLBAR: Terminator: Genisys Skull & 3D Steelbook (+Blu-ray) [Limited Edition]
  2. NEU: The Art of Flight 3D - The Experience Elevated [Blu-ray 3D]
    6,99€
  3. VORBESTELLBAR: Der Hobbit 3 - Die Schlacht der fünf Heere - Extended/Sammler Edition [3D Blu-ray] [Limited Edition]
    79,99€ (Vorbesteller-Preisgarantie)

Weitere Angebote


Folgen Sie uns
       


  1. 2,5-Zoll-HDD

    Seagate erhöht Speicherdichte auf 1 TByte pro Platter

  2. Retropie 3 angetestet

    Unkompliziertes Retro-Daddeln auf dem Raspberry Pi

  3. Dreadnought 2050

    Das Kampfschiff der Zukunft fährt mit Fusionsenergie

  4. Gehacktes Babyfon

    Das Kind schreit, und die Welt hört mit

  5. Panasonic Viera TX-65CW954/CZ950

    Weg vom Plasma, hin zum OLED-Panel

  6. Asus Zen All-in-One

    4K, Maxwell-Grafik, PCIe-SSD, Realsense, Skylake, Win10

  7. Owncloud

    "Warum sollte uns jemand trauen?"

  8. X Rebirth

    Egosoft arbeitet an neuem Weltraumspiel

  9. Snapdragon 820

    Vier Kryo-Kerne sollen Leistung und Effizienz verdoppeln

  10. Smartphones, Tablets und eine Smartwatch

    Asus' Zen-Armada



Haben wir etwas übersehen?

E-Mail an news@golem.de



20 Jahre im Einsatz: Lebenserhaltende Maßnahmen bei Windows 95
20 Jahre im Einsatz
Lebenserhaltende Maßnahmen bei Windows 95
  1. Windows 10 Kommunikation mit Microsoft lässt sich nicht ganz abschalten
  2. Erste Probleme mit Zwangsupdates Windows-10-Patch bockt
  3. Toshiba Satellite Click Mini im Test Kein Convertible für jeden Tag

Windows 10 IoT ausprobiert: Finales Windows auf dem Raspberry Pi 2
Windows 10 IoT ausprobiert
Finales Windows auf dem Raspberry Pi 2
  1. Orange Pi PC Bastelrechner für 15 US-Dollar
  2. Odroid C1+ Ausnahmsweise teurer, dafür praktischer und mit mehr Sound
  3. PiUSV+ angetestet Überarbeitete USV für das Raspberry Pi

Until Dawn im Test: Ich weiß, was du diesen Sommer spielen solltest
Until Dawn im Test
Ich weiß, was du diesen Sommer spielen solltest
  1. The Flock im Test Versteck spielen, bis alle tot sind
  2. Everybody's Gone to the Rapture im Test Spaziergang am Rande der Apokalypse
  3. Submerged im Test Einschläferndes Abenteuer

  1. Re: wer braucht sowas heute noch?

    Niaxa | 12:48

  2. Re: Das ist ja viel zu viel Aufloesung, wie bei...

    D43 | 12:48

  3. Re: Und Tschüss ....

    plutoniumsulfat | 12:47

  4. Re: Leistung vs Effizienz

    Trollversteher | 12:46

  5. Owncloud auf 1&1 Server?

    Wurly | 12:46


  1. 12:40

  2. 12:05

  3. 12:03

  4. 11:43

  5. 11:07

  6. 11:00

  7. 10:18

  8. 10:09


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel