Es gibt zwar den Firebug für den Firefox und IE Developer Toolbar für den IE aber diese sind nun mal Browser beschränkt. Eine Interessante Methode ist dagegen die JavaScript Bibliothek “Blackbird”.

Durch das Einbinden dieser JavaScript und CSS Datei spart man sich die alert() ausgaben von JavaScript.

Das Packet ist hier zu bekommen. Auf dieser ist auch gleich das Porgam zu sehen mit Erklärung und einer Demo.

Zudem gibt es Blackbird auch als Plugin für WordPress: hier

Nachfolgend möchte ich ein bischen den Text der Informationseite übersetzen, da diese auf Englisch ist.

  1. Laden Sie das Packet von der oben genannten Seite runter und paltzieren sie dieses auf Ihrem Server oder Local
  2. Inlcuden Sie die blackbird.jss Datei in die zum test bereitete Seite.
  3. Inlcuden Sie die blackbird.css Datei in die zum test bereitete Seite.
    <script src="/PATH/TO/blackbird.js" type="text/javascript"><!--mce:0--></script>
 
    ...
  ...

Blackbird wurde auf mit den folgenden Browsern getestet:

  1. Internet Explorer 6+
  2. Firefox 2+
  3. Safari2+
  4. Opera 9.5
log.toggle() Verstecken/Anzeigen von Blackbird
log.move() Bewegen Sie Blackbird zu der nächsten “fixed” Position: top-left, top-right,
bottom-left, bottom-right
log.resize() Vergrößern/Verkleinern von Blackbird
log.clear() Leeren des Inhaltes von Blackbird
log.debug( message ) Anzeigen einer “debug” Nachricht auf dem Blackbird
Nachricht: Der “string” Inhalt von der “debug” Nachricht
log.info( message ) Anzeigen einer Information auf dem Blackbird
message: Der “string” Inhalt der Informations Nachricht
log.warn( message ) Anzeigen einer Warnungs Nachricht auf dem Blackbird
message: Der “string” Inhalt der Warnungs Nachricht
log.error( message ) Anzeigen einer Fehler Nachricht auf dem Blackbird
message: Der “string” Inhalt der Warnungs Nachricht
log.profile( label ) Start/end a time profiler for Blackbird. If a profiler named string does not exist,
create a new profiler. Otherwise, stop the profiler string and display
the time elapsed (in ms).

label: the string identifying a specific profile timer

Tastatur Kontrolle:

Anzeigen und verstecken F2
Bewegen Shift + F2
Löschen Alt + Shift + F2