
Als Webentwickler hat man natürlich zum Testen seiner Webseiten sehr viele unterschiedliche Browser im Einsatz. Doch auch hier bilden sich natürlich im Laufe der Zeit Favoriten mit denen man außerhalb der Tests im Internet unterwegs ist. Für mich ist dies seit Jahren ungeschlagen der Mozilla Firefox. Zum einen schätze ich es, das Firefox sowohl für Windows, Mac und auch Linux Distributionen verfügbar ist: man kann also bequem seine Einstellungen und Lesezeichen zwischen mehreren Computern 1:1 synchron halten, unabhängig davon welches Betriebssystem darauf läuft. Zum anderen ist die Erweiterbarkeit des Firefox sehr einfach und die Anzahl der AddOns wächst täglich.
An dieser Stelle möchte ich Euch ein paar meiner Lieblings AddOns vorstellen (Top 10), wovon einige nicht nur für Entwickler interessant sein dürften. Sofern verfügbar auch gleich mit Downloadlink zur offiziellen AddOn Seite von Mozilla.
AdBlock Plus
Ich würde fast sagen, dieses Plugin ist ein must-have für alle Firefox Nutzer. Es filtert nicht nur Werbebanner und Layers (nach Filterliste oder manuellem Ausschluss) sondern erlaubt auch, es zum blockieren diverser Elemente auf einer Seite zu “missbrauchen”, beispielsweise hektische Flashbanner oder animierte GIF Bilder.
ColorZilla
Dieses Tool ist eine kleine Farbpalette, die links unten in der Statusleiste aufgerufen werden kann um Farbwerte (speziell für Webfarben) nachzuschlagen. Ein weiterer Clou: Eine Farbpipette zeigt sofort den Farbcode eines Elementes auf einer Webseite per Mausklick an.
CookieCuller
Ein kleiner Manager für Cookies. Man kann sie dort nicht nur löschen und genauere Informationen ansehen, sondern auch bestimmte Cookies “schützen” (z.B. von seinem Lieblingsforum), damit man diese beim Aufräumen nicht mit entfernt.
FireBug
Wer häufiger mit Webprogrammierung oder Webdesign zu tun hat sollte sich unbedingt dieses umfangreiche Helferlein installieren. Man kann damit nicht nur Elemente identifizieren und ihre Abhängigkeiten und CSS Informationen sehen sondern auch sehr bequem JavaScripte debuggen. Für FireBug sind auch schon einige Module verfügbar welche erneut sehr umfangreiche Funktionen für die Webentwicklung mitbringen. – Sehr lohnenswerter Zeitsparer!
FlagFox
Eine kleine Spielerei: Zeigt in der Adressleiste eine Nationalflagge an, um den Serverstandort zu wissen.
FoxTab
Ebenfalls eine kleine Spielerei die aber durchaus sehr praktisch ist: Zeigt alle offenen Tabs in einem “3D Raum” an. Man kann zwischen verschiedenen Darstellungsoptionen wählen und sieht so direkt eine Miniaturansicht der Webseiten in den Tabs. Gerade wenn man viele davon offen hat sehr praktisch.
HTML Validator
Dazu muss man denke ich nicht viel sagen.
Dieses Tool prüft eine Webseite auf W3C Validität und weist auf Fehler und Warnungen direkt hin, sodass man eine Seite sehr einfach “Debuggen” kann.
MeasureIT
Dieses Tool fügt ein kleines “Lineal” in die Statusleiste ein. Wenn man darauf klickt hat man die Möglichkeit auf der Webseite diverse Elemente zu vermessen um so direkt die Pixelwerte ermitteln zu können oder wie viel Platz in einem Container noch verfügbar ist.
PDF Download
Wenn man auf eine PDF klickt wird gefragt ob man sie öffnen oder abspeichern möchte. Sehr praktisch speziell auf Systemen wo der Adobe Reader Ewigkeiten zum starten braucht und man ansonsten oft in eine “PDF Falle” tappt.
Web Developer
Jeder, der gerne eine Aktenkoffer voll mit nützlichen Tools für die Webentwicklung hätte kommt mit diesem AddOn voll und ganz auf seine kosten. Unbedingt ansehen: Von Formularinfos, Formularmanipulationen auf einer Webseite über Element-Inspektoren bis hin dazu, dass man sein Browserfenster auf eine bestimmte Größe setzen kann (z.B. 800×600 oder 1024×768).
