10+ unabdingbare Firefox Addons für Web Developer

15 Apr

von Manuel Graf am 15.Apr 2009, in der Kategorie Sonstiges

Der Browser für Entwickler schlechthin ist der Mozilla Firefox, da er mit Plugins nahezu beliebig austattbar ist. Über 10 der nützlichsten Firefox Plugins will ich hier kurz vorstellen.

Ich selbst benutze (bzw. habe benutzt) diese Plugins alle und ohne sie wäre Mein Beruf sehr unkomfortabel. Leider funktionieren sie nicht alle auf Mac OS, wie z.B. IEtab oder Fireshot. Nichtsdestotrotz sind alle den einen klick wert, den es braucht um sie im Firefox zu aktivieren.

Element Untersuchung/Debugging
	Firebug Firebug beinhaltet eine live-javacript Kosole zum debuggen und ausfhren von Javascript, eine, Html-Elementuntersuchung (wie im Web Developer tool, bloß gut), man ann sich CSS und Scripts der Seite ansehen und er hat eine Netzwerk-übersicht in der gezeigt wird, welche Requests abgefeuert wurden, ob sie Fehler verursacht haben und wie lange gedauert haben. Das Nummer 1 Must-Have Firefox Addon für jeden Entwickler/ Designer !
	ySlow Eine Erweiterung für Firebug, die einem nützliche Tipps und Tricks ausgibt, wie man seine Seite schneller machen kann.
	View Source Chart Im gegensatz zum normalen “Seitenquelltext anzeigen” lässt View Source Chart einem die möglichkeit den “Seitenquelltext formatiert anzeigen” zu lassen. Dieser ist dann geordnet, grafisch geschachtelt und mit unterschiedlichen Farben gekenzeichnet, was das debugging von z.B. div-Konstrukfehlern wahnsinnig einfach macht.
	Web Developer Tools Das Urgestein des Web-Developments. Das Addon erzeugt eine Leiste im Browser, mit der man so ziemlich alles auf der Seite Untersuchen und Manipulieren kann. mann kann HTML und CSS Validieren, sich seinen generierten Javascript-code ansehen, verschiedene Auflösungen Testen, Elemente Untersuchen, verschiedene Styles Testen etc. pp. Eine Must-Have Ergänzung zu Firefox!
	Quickjava Simpel. 2 Buttons unten im Fenster, einer zum deaktivieren und aktivieren von Java, der andere für Javascript im Firefox. Perfekt zum noscript-debuggen. Für mich definitiv ein Must-have.
	IE Tab (Nur Windows!) IE Tab erlaubt es einem, Internet Explorer Tabs in Firefox zu öffnen, d.h. der Internet Explorer muss nict mehr extra geöffnet werden um sich eine Seite darin anzusehen, sondern einfach nur ein Tab mit IE-Engine aufgemacht werden.

Meta/ SEO Tools
	Seoquake SEOquake ist ein extrem nützliches Tool für Developer, Designer, Blogger und eigentlich jeden der auf Suchmaschinenoptimierung achten muss. Ist Seoquake angeschaltet, erscheint über djer Seite eine kleine Leiste, die nahezu alle Relevanten Seo-informationen der Seite anzeigt. Google pagerank, Yahoo Linked Domains, MSN Index, del.icio.us links, Keyword Dichte, Alter der Seite, Sitemap und so weiter und so fort.
	Tamper Data Tamper Data erlaubt es HTTP/HTTPS Header und Postdata einzusehen und zu bearbeiten.
	URLparams Dieses Firefox Plugin zeigt ind er Sidebar alle GET und POSTdaten des aktuellen Requests.

Screenshotting
	Screengrab Speichert die komplette Website als Bild, entweder als Datei oder in die Zwischenablage.
	Fireshot (nur Windows) macht einen Screenshot der ganzen Seite, einer Auswahl oder des Fensters. Zudem gibt es die möglichkeit diesen zu bearbeiten, kleine Nachrichten hinein zu schreiben, Pfeile zu ziehen, Highlightings zu setzen usw. Sehr mächtig, vor allem für Bugreporting etc.

Utilities
	Server Switcher Der Server Switcher erlaubt einfaches Hin-und-Herwechseln zwischen Live- und Entwicklungsserver. (Zudem ruled das Icon!)
	Colorzilla Colorzilla funktioniert ähnlich wie der Farbwähler und die Pipette im Photoshop. Man kann sich dabei von der aktuellen Seite die Farbe jedes Pixels per klick mit der Pipette kopieren.
	FireFTP FireFTP ist ein vollkommen browserbasiertes FTP-Programm.

Über Manuel Graf

Manuel Graf ist Mediengestalter für Digital- und Printmedien bei iBusiness.de. Er arbeitet seit 6 Jahren mit Photoshop, HTML und CSS und hat sich seit 2 Jahren Kentnisse in Sprachen wie Javascript, Actionscript 3.0, BOIL, PHP, Ruby oder Python angeeignet.

Kommentare