Web

Rüsten Sie auf

Die 20 besten Profi-Tools für Firefox

03.12.2008
Von 
Hans-Christian Dirscherl ist Redakteur der PC-Welt.

Firebug: HTML, CSS und JS auf den Zahn fühlen und manipulieren

Das Addon Firebug bietet Web-Entwicklern umfangreiche Funktionen um CSS, HTML und JavaScript auf ihren Seiten auf Fehler zu kontrollieren und diese zu protokollieren und anschließend zu korrigieren. Außerdem können Sie mit Firebug beispielsweise CSS-Layouts überprüfen, DOM-Objekte anzeigen und editieren oder genaue Analysen über die Ladezeiten der einzelnen Seitenelemente anstellen.
Pfiffig: Wenn Sie in Firebug das Menü „Inspect“ wählen, werden alle Abschnitte auf der Website, über die Sie den Mauszeiger bewegen, im Quelltext der Seite farblich hervorgehoben. Den Seitenquelltext können Sie nach Belieben editieren und damit beispielsweise CSS-Effekte ausprobieren und die Webseite in einer neuen Optik erscheinen lassen.

Wenn Sie das unten beschriebene separate Yahoo! -Addon Yslow installiert haben (das sich in Firebug integriert), können Sie die geladene Webseite auf ihre Performance überprüfen lassen und Flaschenhälse erkennen, die den Download der Seite bremsen. Unter „Components“ werden alle Seitenbestandteile aufgelistet, „Stats“ zeigt die Cache-Belegung an.

Firebug lässt sich bequem über ein Icon mit dem Käfersymbol rechts unten in der Statuszeile ein- und ausschalten.

Kompatibel zu: Firefox: 2.0 bis 3.0

Download: https://addons.mozilla.org/de/firefox/addon/1843

Wenn Sie übrigens Javascripts, Java-Applets und Flashanimationen in einer Website schnell und einfach kontrollieren wollen, bietet sich das Addon NoScript an (kompatibel: Firefox: 1.5 bis 3.1b2pre). Es bietet schneller Zugriff und mehr Möglichkeiten als die standardmäßig in Firefox integrierte Java-/Javscript-Kontrolle im Menü „Extras, Einstellungen, Inhalt“. NoScript steuern Sie mit einem Linksklick mit der Maus auf das Icon in der Statuszeile von Firefox rechts unten oder mit der rechten Maustaste und dem Kontextmenü.

Yslow: Webseiten für bessere Ladezeiten optimieren

Nichts ist so lästig wie eine Website, die langsam lädt. Im Yahoo Developer-Network erschienen deshalb zahlreiche Tipps dazu, wie man der Website Beine macht und die Ladezeiten verkürzt. Die Ratschläge betreffen die Servereinstellungen ebenso wie die Aufbereitung des Webseiten-Contents, die Javascript-Programmierung und die Bilddarstellung. So wird beispielsweise die GET-Methode für Ajax-Anfragen und eine möglichst geringe Zahl von iFrames empfohlen. Cookie-Dateien sollten möglichst klein sein.

Yahoo! hat praktischerweise mit Yslow ein Gratis-Add-on für Firefox veröffentlicht, das eine Website auf die Einhaltung der Yahoo-Tipps prüft. Das kostenlose Tool stellt zudem alle Komponenten einer Website übersichtlich dar. Damit Sie Yslow nutzen können, müssen Sie aber zuvor das ebenfalls kostenlose Add-on Firebug herunterladen und im Firefox installieren.

Kompatibel zu: Firefox: 1.5 bis 3.0

Download: https://addons.mozilla.org/de/firefox/addon/5369

UnicodetoHTML 0.4: Wandelt mit einem Rechtsklick der Maus Unicode-Zeichen in HTML-Code um.

Kompatibel: Firefox: 1.0 bis 3.0

Download: https://addons.mozilla.org/de/firefox/addon/1313

Weiter geht es mit Erweiterungen zum Abspeichern von Seiten, zum Messen der Surf-Bandbreite, zum Ermitteln von Farbwerten und zum Checken der Links.