Developer Toolbar für den Firefox Browser
Wenn jemand noch nach einem Grund sucht um auf den Firefox Browser umzusteigen: hier ist er. Für Firefox sind Hunderte von Erweiterungen verfügbar und eine der Besten ist der "Developer Toolbar".
Diese Werkzeugleiste stellt eine große Zahl praktischer Tools zur Verfügung. Über die Option "Disable" lassen sich z.B. Java, Javascript. Bilder, CSS und viele andere Funktionen des Browser vorübergehend ausschalten. Damit lassen sich Fragen wie z.B. "wie sieht die Webseite bei ausgeschaltetem Javascript aus?" sofort beantworten.
Der Menüpunkt CSS erlaubt es nicht nur, die verwendeten Styles einer Seite anzuzeigen sondern bei Bedarf auch gleich zu verändern.
Mit der Option Forms lassen sich Formulare bearbeiten, POST und GET vertauschen, und vieles mehr.
Hinter "Images" verbergen sich alleine 14 Tools um Informationen über Bilder anzuzeigen. So lassen sich z.B. alle Bilder auf einer Seite identifizieren, für die es keine Angaben zu Abmessungen gibt.
Unter "Infomation" kann man vieles über eine Seite erfahren: den Inhalt von Cookies genau so wie die verwendeten CSS Klassen.
Hinter dem Menüpunkt Miscellanious verbergen sich so nützliche Tools wie der DOM-Inspector, mit dem die logische Struktur einer Webseite bis ins kleinste Detail analysiert werden kann. Allein dieses Werkzeug kann helfen die Zeit zur Fehlersuche drastisch zu reduzieren, wenn es um die Frage geht "warum hat mein CSS Code hier keine Wirkung?".
Mittels den Optionen unter Outline lassen sich Elemente der Webseite sichtbar machen. Alle Tabellenfelder anzeigen? Kein Problem. Alle Links ohne 'Title" Definition ausfindig machen? In Nullkommanix erledigt.
Über Resize lässt sich das Browserfenster auf verschiedene vordefinierte Grössen umschalten. So lässt sich sofort ermitteln, wie die Webseite z.B. bei 800x600 Pixeln aussieht.
Das waren noch nicht genug Werkzeuge? Unter dem Menüpunkt Tools gibt es mehr davon: hier kann man die Webseite u.a. auf die Kompatibilität mit den Spezifikationen für HTML, CSS oder Accessibility überprüfen. Hier wird man leider feststellen, daß die meisten Webseiten NICHT den gängigen Standards entsprechen. Auch auf meiner Webseite gibt es noch ein paar Problemstellen, aber ich arbeite dran! Zumindest diese Seite absolviert den HTML und CSS Test problemlos.
Der Developer Toolbar lässt sich in Firefox über das Menü "Extras -> Erweiterungen" installieren.
