Der Funktionsumfang von Firebug ist schon beachtlich, umso erstaunlicher und erfreulicher ist die Tatsache, dass der Funktionsumfang von Firebug noch durch verschiedene Add Ons und/oder kleinerer Tricks erweitert werden kann.

Solch eine nützliche Erweiterung ist beispielsweise FirePHP - mit deren Hilfe man PHP debuggen kann. Ein weiteres AddOn genannt YSlow ist ein Firebug AddOn aus dem Hause Yahoo. Kurz zusammengefasst geht es hierbei, wie es der Name (gesprochen wie: Why Slow?) schon sagt, der Frage "Warum eine Seite so langsam ist" nach. Neben Zeitangaben zum Seitenaufbau, erhält der Entwickler detaillierte Angaben wie sich diese Zeit zusammensetzt und an welcher Stelle etwas ggf. verbessert werden kann.

Der nachfolgende Screencast als Ergebnis eines weiteren SinnerSchrader Technik Tracks beschreibt verschiedene Debugging AddOns zu Firebug.



Addons zum Debugging mit Firebug
from vimeorookie on Vimeo.

Während die Entwicklung von Javascript relativ einfach und umkompliziert
vonstattengeht, gestaltet sich das Debugging durch die limitierten
Debugging Funktionen umso schwieriger. So gab es bis vor kurzem keinen
effektiven Weg, um Debugging Nachrichten anzuzeigen bzw. auszugeben. Wenn überhaupt, dann nur in Form einer Sammlung verschiedenster Alert Fenster oder zigfacher Document.write() Befehle.

Die Lösung des Problems besteht im Einsatz eines Debuggers in Form eines Firefox Plugins, wodurch der Entwickler einen im Web Browser integrierten Debugger erhält.

Es wird also nur der Firefox Browser sowie das Firebug Plugin benötigt.

Firebug bietet eine ganze Menge an spannenden Funktionen wie z.B.
Seitenauskuft über HTML- und DOM-Elemente, das Ändern von CSS oder HTML Elementen on the 'fly', eine Konsole mit Kommandozeile und noch viele weitere Funktionen sowie eine Firefox Unabhängige Lite Version, die
auf der offiziellen Webseite näher beschrieben werden.

Der nachfolgende Screencast als Ergebnis eines SinnerSchrader Technik
Tracks beschreibt das Debugging von JavaScript mit Hilfe von Firebug.



Javascript Debugging mit Firebug from vimeorookie on Vimeo.

Ich persönlich finde Opera den besten Browser, insbesondere seinen Chrome, da er von Haus aus schon mit genau der richtigen Menge Funktionen vorkommt, und das miteinander gut integriert. Dadurch alles hat, was man braucht, ohne zu dick zu sein.

Und man hat über vieles bereits die Kontrolle, wie z.B., dass man bei Popup wieder die Addresszeile reaktivieren kann etc. Eins jedoch hat mich lange gestört: Das man nicht verhindern kann, wenn ein Link in einem neuen Tab aufgehen möchte.

Ich surfe so, dass ich typischerweise im selben Tab bleiben will, ein paar Sekunden mich aufhalte, und dann mit der Back-Maus-Geste wieder zurückgeh. Link, Back, anderer Link, Back. Das geht meist, aber genau dann eben nicht, wenn der Link einen neuen Tab aufgemacht hat.

Nun habe ich gerade entdeckt, dass auch Opera Greasemonkey-Skripte unterstüzt, sowie ein JavaScript-opera-Objekt, mit dem man alles Mögliche tunen, sowie defekte Skripte oder Seiten reparieren kann. Das hab ich freudig gleich mal ausprobiert, und es klappt vorzüglich.

Wenn auch ihr wieder mit Klick, Shift-Klick und Strg-Shift-Klick kontrollieren wollt, ob der Klick im selben Tab, einem neuen Tab oder einem neuen Hintergrund-Tab aufgeht, müsst ihr unter den JavaScript-Optionen nur einen Ordner einstellen, in dem ein Skript liegt, dass mit .user.js endet und folgenden Inhalt hat:

(
   function()
   {
      for (var i=0; document.links[i]; i++)
         if (document.links[i].target == '_blank')
      document.links[i].target = '_self';
   }
)();

Und schwupps, alles wieder unter Kontrolle. :-)

Mehr dazu findet ihr hier: http://www.opera.com/browser/tutorials/userjs/examples/

Malte Ubl hat auf dem Barcamp Hamburg am vergangenen Sonntag eine Session über Softwareentwicklung mit Javascript und Joose gehalten. Hier sein Bericht:

I went to the Hamburg barcamp today. Overall the conference was great and most speakers really knew what they were talking about. My favorite session was done by a real bottom-dwelling SEO guy. Quite funny. Many thanks to Otto for providing the venue and free food and drinks.

I did a session about software development with JavaScript and Joose (based on the same presentation that I prepared for work 4 weeks ago. It was very well received and maybe Joose scored a couple more users.

Here are the slides that I showed today (I only changed the date):