DOM-Scripting: Generierten Quellcode anschauen

Wenn man mit Javascript am DOM des aktuellen Dokuments arbeitet, ist man schnell so weit, dass man sieht, dass etwas nicht richtig angezeigt wird, man hat jedoch keine Ahnung, warum nicht. Ein Blick in den Quellcode wäre hilfreich, allerdings ist der Quellcode, den der Browser zeigt, nicht wirklich hilfreich, da dies der Status des Dokuments bei der Auslieferung vom Server war.

Bislang habe ich mir immer mit der Option “View Generated Source” in der Firefox-Web Developer Extension beholfen. Das Dumme daran ist dass die Formatierung nicht toll ist, sodass ich sie oft in UltraEdit gerade gezogen habe, um an meine Information zu kommen.

Vor kurzem wurde ich auf eine neue Firefox-Erweiterung hingewiesen: “View Source Chart“. Das Source Chart bettet sich neben der Quellcodeansicht im Firefox ein und man hat die Wahl, ob man dem Code sehen will, wie er vom Server kan oder ob man den des aktuellen DOMs haben möchte. Außerdem schön: Der Quellcode wird schön aufbereitet und es lassen sich auch Bereiche zu klappen.

Nachtrag:

Mittlerweile verwende ich Firebug, weil es alle mächtiger ist, als alles, was ich bisher in dieser Richtung gesehen habe.

1 Comment


  1. O, Interesting idea. Yes,
    you are a philosopher.

    Quote | Posted 18.05.2007, 00:04

Leave a reply