Firefox-Add-Ons vorgestellt
Web Developer: Firefox-Toolbar zum Testen von Webseiten
Firefox hat sich in den letzten Jahren zu einem der beliebtesten Webbrowser entwickelt. Vor allem die Erweiterbarkeit des Browsers durch zahlreiche Plug-Ins macht Firefox für viele User interesssant. Für Webentwickler und alle, die sich auch mit den Technologien hinter einer Webseite auseinander setzen wollen, stehen ebenfalls zahlreiche Plug-Ins zur Verfügung. "Web Developer" ist eines davon. Ähnlich wie Firebug hält das Plug-In zahlreiche kleine Funktionen und Tools bereit um dem Webentwickler das Leben etwas komfortabler zu machen.
Inhaltsverzeichnis
- 1CSS und Grafiken beeinflussen
- 2Cookies und Formulare
- 3Validatoren und Mini-Tools
Nach der Installation des Plug-Ins wird Firefox um eine Symbolleiste mit allerhand Buttons erweitert. Während Firebug vor allem prima dazu geeignet ist, HTML-, CSS- und JavaScript-Quellcodes anzuzeigen und zu analysieren, bietet Web Developer auf den ersten Blick vor allem die Möglichkeit verschiedenste Elemente und Funktionen auszublenden: Mal eben den Browser-Cache deaktivieren, um zu schauen, ob die neue Grafik schon auf dem Server ist? Oder die Cookies deaktivieren? Oder gleich sämtliche CSS-Stile und Grafiken ausblenden? Mit Web Developer geht dies mit wenigen Mausklicks.
CSS und Grafiken beeinflussen
Neben dem Deaktivieren sämtlicher oder nur mancher CSS-Stile, können auch neue, eigene Stile einer Webseite über Web Developer hinzugefügt werden. Dazu können, ähnlich wie bei Firebug, einzelne CSS-Anweisungen direkt in einer Eingabemaske ergänzt werden. Es ist jedoch auch möglich, eine lokal auf dem Rechner liegende CSS-Datei auszuwählen und diese auf die im Browser aufgerufene Webseite anwenden zu lassen. Firefox rendert die Seite dann mit der lokalen CSS-Datei neu. Dies ist insbesondere dann praktisch, wenn man schnell und einfach eine neue Version einer CSS-Datei auf der Webseite ausprobieren möchte. Ohne dass man die alte Datei auf dem Server ersetzen muss, lässt sich diese dann in der "Liveumgebung" testen.
Auch die Grafiken einer Webseite können über Web Developer nicht einfach nur weggeblendet werden. Vor allem stehen zahlreiche Funktionen zur Verfügung, um Grafiken auf einer Webseite zu identifizieren oder weitere Informationen zu den einzelnen Bilddateien herauszufinden. So können etwa mit wenigen Mausklick die Alt-Tags, Dateigröße und -pfad sowie die Abmessungen aller Bilder angezeigt werden. Auch können bestimmte Grafiken, zum Beispiel, die mit einer angepassten Größe oder mit einem fehlenden Alt-Tag mit einem roten Rahmen hervorgehoben werden.