Web-Development mit Firefox

Firefox: Erweiterungen für Webdesigner und SEO

24.02.2010
Die Zahl der Erweiterungen für Firefox wächst kontinuierlich. Wir stellen Ihnen die besten Erweiterungen in diesem Artikel vor. Unser Schwerpunkt liegt diesmal bei Webentwicklern und Suchmaschinenoptimierern. Alle vorgestellten Addons funktionieren im aktuellen Firefox 3.6.

Nicht nur Heimanwender profitieren von den Erweiterungsmöglichkeiten rund um Firefox. Mittlerweile setzen immer mehr Webentwickler und SEOs auf den Mozilla-Browser. Diese benötigen für ihre tägliche Arbeit allerdings ganz andere Tools als der normale Internetsurfer.

In diesem Artikel wollen wir Ihnen zehn der cleversten Helfer vorstellen. Das reicht von einfachen Bildschirmlinealen bis hin zu komplexen Quelltext-Editoren und SEO-Tools. Sollten Ihre Lieblingserweiterung nicht dabei sein, dann schreiben Sie doch einfach einen Eintrag in unser Forum, und stellen Sie den Helfer vor.

ColorZilla und MeasureIt: Spezialisten für Kleinigkeiten

Manche Fragen tauchen immer wieder auf: Wie groß war diese Box? Wie breit und hoch waren Logo und Banner? Und was für eine Farbe hatte ich jetzt da genau? Entweder man schlägt die Daten irgendwo nach, oder man nutzt unsere Spezialisten.

MeasureIt legt einen Grauschleier über die aktuelle Webseite und verwandelt den Mauszeiger in ein Lineal. Mit der Maus können Sie nun ein Viereck an einer beliebigen Stelle aufziehen, MeasureIt zeigt Ihnen darauf die Höhe und Breite in Pixeln an.

Maß nehmen: Das virtuelle Lineal MeasureIt sagt Ihnen schnell, wie groß ein Bildschirmbereich ist.

Ebenso wie MeasureIt spezialisiert sich ColorZilla auf eine Funktion. Die Erweiterung klinkt sich nach der Installation in Firefox ein. Drückt man auf den Button, verwandelt sich der Mauszeiger in eine Pipette. Mit dieser können Sie nun die Farbe an einem beliebigen Ort im Browserfester bestimmen.

Farbenlehre: Mit Colorzilla bestimmen Sie im Handumdrehen die Farbe einzelner Pixel.
Kurzinformation MeasureIt

Erweiterung

MeasureIt

Entwickler

Kevin Freitas

Unterstützte Betriebssysteme

Windows, Linux, Mac OS

Firefox offiziell unterstützt bis Version

3.6

Getestete Version

0.3.92

Kurzinformation ColorZilla

Erweiterung

ColorZilla

Entwickler

Alex Sirota

Unterstützte Betriebssysteme

Windows, Linux, Mac OS

Firefox offiziell unterstützt bis Version

3.6

Getestete Version

2.0.2

Web Developer: Rundumschlag für Entwickler

Web Developer erfüllt so ziemlich alle Anforderungen, die auf einen Entwickler zukommen. Sämtliche Features zu beschreiben, würde diesen Artikel sprengen. Unter anderem können Sie mit Web Developer Javascripte, Bilder sowie Frames ein- oder ausschalten. Auf Wunsch zeigt Ihnen die Erweiterung auch sämtliche Kommentare und versteckten Steuerzeichen auf der aktuellen Website an.

Vielseitig: Web Developer überzeugt durch ein übersichtliches Design und zahlreiche Funktionen.

Alle Einzelpunkte sind über eine übersichtliche und aufgeräumte Toolbar zugänglich. Alternativ klinkt sich die Erweiterung in das Kontextmenü sowie unter dem Menüpunkt „Extra“ ein. In den Optionen können Sie zudem umfangreiche Änderungen vornehmen und sich die Erweiterung anpassen.

Schnellzugriff: Wie sieht diese Seite wohl auf einem mobilen Gerät aus?

Web Developer wird aktiv gepflegt und weiterentwickelt, birgt aber auch einige Probleme. Auf den Webseiten des Entwicklers können Sie die bekannten Bugs sowie die kommenden Features nachlesen.

Kurzinformation Web Developer

Erweiterung

Web Developer

Entwickler

Chris Pederick

Unterstützte Betriebssysteme

Windows, Linux, Mac OS

Firefox offiziell unterstützt bis Version

3.6

Getestete Version

1.1.8

Firebug: Schöner quelltexten

Firebug erweitert die Quellcode-Ansicht beträchtlich. Die Erweiterung zeigt in einem Fenster am unteren Rand den Quelltext des aktuellen Fensters, aufgeteilt in HTML; CSS, die laufenden Skripte, DOM und die Ladezeit der Seite.

Praktisch: Mit Firebug erhalten Sie jederzeit Zugriff auf den aktuellen Quelltext.

Für die Fehlersuche kann Firebug ebenfalls mit einem Killerfeature aufwarten: Inspect. Damit können Sie die Seite mit der Maus abfahren, Firebug zeichnet dann Kästen um die jeweiligen Objekte. Zusätzlich wird der passende HTML-Code direkt im unteren Fenster angezeigt. Hier lässt er sich direkt umschreiben, sodass Sie sofort prüfen können, welchen Einfluss eine Änderung hat.

Firebug ist mittlerweile auch nicht mehr Firefox-exklusiv. Die Entwickler arbeiten gleichzeitig an Firebug Lite, das sich auf Webseiten installieren lässt.

Kurzinformation Firebug

Erweiterung

Firebug

Entwickler

Joe Hewitt

Unterstützte Betriebssysteme

Windows, Linux, Mac OS

Firefox offiziell unterstützt bis Version

3.6

Getestete Version

1.5.0

Link Checker: Sind Ihre Verweise in Ordnung?

Wenn ein Link ins Leere läuft, verfehlt er seine Wirkung und verärgert den Leser. Doch Links ständig zu prüfen, ob sie noch aktuell sind, ist eine zeitaufwendige und nervtötende Aufgabe. Link Checker will Ihnen dabei helfen.

Prüfung: Hier sind beinahe alle Links in Ordnung.

Die Erweiterung kann die Links auf der aktuellen Browserseite auswerten und zeigt Ihnen per Farbcode an, ob alles in Ordnung ist (grün) oder ob der Link auf eine nicht-existente Seite verweist (rot). Außerdem lassen sich Ausnahmen definieren, die dann übersprungen und grau hinterlegt werden.

Kurzinformation Link Checker

Erweiterung

Link Checker

Entwickler

Kevin Freitas

Unterstützte Betriebssysteme

Windows, Linux, Mac OS

Firefox offiziell unterstützt bis Version

3.6

Getestete Version

0.6.6

SeoQuake: Alle Infos für die Suchmaschinenoptimierung

SeoQuake besteht aus drei Komponenten. Die SeoToolbar zeigt alle angefragten Parameter in einer Toolbar unter der Adressleiste. Die Seobar dagegen legt die gleichen Informationen in einem HTML-Block über die Seite. Als Drittes gibt es SERPs, die Search Engine Result Pages, welche spezielle Informationen ausgeben.

Praktisch: Die Seobar benötigt keinen Platz in der Toolbar-Leiste und zeigt alle Informationen deutlich an.

Was SeoQuake aber so einzigartig macht, ist die Plug-in-Struktur. Diese funktioniert ähnlich wie Firefox selbst, SeoQuake lässt sich nahezu beliebig anpassen und nachrüsten. Bislang gibt es offiziell neun Plug-ins, die sich etwa del.icio.us oder den Blogdienst Technorati besser einbinden.

Schlüsselwörter: SeoQuake zeigt Ihnen, welche Keywords wie oft vorkommen.

SeoQuake gibt es derzeit für Firefox und den Internet Explorer. Auf der Homepage der Entwickler erhalten Sie beide Versionen, zudem ist ein dreiteiliges Tutorial verfügbar.

Kurzinformation SeoQuake

Erweiterung

SEOQuake

Entwickler

SeoQuake Team

Unterstützte Betriebssysteme

Windows, Linux, Mac OS

Firefox offiziell unterstützt bis Version

3.6

Getestete Version

2.5.9

SQLite Manager: Datenbanken bequem aus Firefox verwalten

Wer nicht nur an statischen Websites arbeitet, nutzt normalerweise auch eine Datenbank. Mit der Erweiterung SQLite Manager kann man direkt aus Firefox aus SQLite-Installationen verwalten. Objekte in der Datenbank lassen sich hierarchisch in einer Baumansicht anzeigen. Nutzer können in den einzelnen Tabellen browsen, Einträge suchen, oder SQL-Abfragen ausführen. Praktisch ist außerdem, dass sich auch Import- und Export-Aufgaben durchführen lassen.

Datenbankzugriff: Die Erweiterung erlaubt direkten Zugriff auf SQLite Datenbanken.

Praktischerweise kann man den SQLite Manager nicht nur in Firefox nutzen. Die Entwickler stellen zudem Versionen für Songbird, Thunderbird, Komodo und andere Programme zur Verfügung. Eine komplette Liste findet sich hier. Im Wiki der Entwickler finden sich noch weitere Anleitungen, etwa die Integration in XULRunner.

Kurzinformation SQLite Manager

Erweiterung

SQLite Manager

Entwickler

Tarakant Tripathy, Mrinal Kant

Unterstützte Betriebssysteme

Windows, Linux, Mac OS

Firefox offiziell unterstützt bis Version

3.7a1pre

Getestete Version

0.5.10

Coral IE View und OperaView: Weil ein Browser nicht reicht

Die beiden Plug-ins Coral IE View und OperaView dienen einem einfachen Zweck: Sie öffnen die angezeigte Seite jeweils im ausgewählten Browser. Eine praktische Zeitersparnis, wenn man Webseiten während der Entwicklung in anderen Browsern prüfen will. Anstatt jedes Mal die URL zu kopieren oder ein Bookmark anzulegen, reicht ein Rechtsklick. Im Kontextmenü erscheinen nach der Installation der beiden Erweiterungen zwei neue Punkte, „Diese Seite im Internet Explorer öffnen“ und diese Seite in Opera öffnen“. Praktischer Nebeneffekt: Wurde eine Seite soweit „optimiert“, dass sie auf den IE angewiesen ist, lässt sie sich so dennoch im Firefox öffnen.

Coral IE View bietet mehr Funktionen als das normale IE View. Das Addon integriert die Engine des Internet Explorers in die einzelnen Tabs von Firefox. Praktisch ist auch, dass die Erweiterungen die Cookies zwischen IE und Firefox synchronisieren kann. Öffnet man die Optionen der Erweiterung, erhält man eine Art „Blacklist“. Darin lassen sich sämtliche Adressen eintragen, die Coral IE View automatisch im Internet Explorer öffnen soll. Allerdings kann wahlweise nur IE View oder Coral IE View aktiv sein - ansonsten wirft Firefox eine Fehlermeldung aus.

Nicht nur Webdesigner können sich mit den beiden Erweiterungen viel Arbeit sparen. Wenn das Windows Update Center zum Tausendsten Mal darauf hinweist, dass Firefox-Nutzer nicht erwünscht sind oder eine andere IE-optimierte Webseite einem den Zugang verwehrt, genügt in Zukunft ein einfacher Rechtsklick. Und mit der Blacklist lassen sich häufig besuchte Seiten komfortabel an den anderen Browser weiterreichen.

Filter: Sobald der Nutzer auf eine Seite aus der Liste zugreifen will, startet Firefox diese automatisch in einem Tab mit IE-Render-Engine.
Kurzinformationen

Erweiterung

Coral IE View

Entwickler

quaful

Unterstützte Betriebssysteme

Microsoft Windows

Firefox offiziell unterstützt bis Version

3.7a1pre

Getestete Version

1.63.20091024

Kurzinformationen

Erweiterung

OperaView

Entwickler

Bartosz Piec

Unterstützte Betriebssysteme

Microsoft Windows, Mac OS, Linux

Firefox offiziell unterstützt bis Version

2.0.0

Getestete Version

0.6.0.1

Open With: Websites in anderen Browsern öffnen

Opera und der Internet Explorer sind nicht die einzigen Browser, die aktuell genutzt werden. Auch Google Chrome und Apple Safari werden immer populärer. Wer seine Webseiten und entwickelte Dienste möglichst einfach in diesen Browsern testen will, kann dazu die Erweiterung Open With nutzen.

Alternativen: Open With lässt sich mit beliebig vielen Browsern erweitern.

Open With durchsucht die Windows-Registry nach sämtlichen installierten Browsern. Zusätzlich kann man weitere Browser manuell hinzufügen, etwa wenn man Vorabversionen von Firefox nutzt. Wahlweise kann man die einzelnen Programme dann per Rechtsklick oder über ein Icon in oberen Bereich des Browsers starten.

Kurzinformationen Open With

Erweiterung

Open With

Entwickler

Geoff Lankow

Unterstützte Betriebssysteme

Microsoft Windows, Mac OS, Linux

Firefox offiziell unterstützt bis Version

3.7a1pre

Getestete Version

3.8.3

FireFTP: Direkte Downloads vom FTP-Server

FTP-Programme sind für die Wartung und den Aufbau von Webseiten essenziell. Doch für gängige Kleinigkeiten braucht es kein externes Programm wie Filezilla oder SmartFTP. Wer für alltägliche Aufgaben nicht ständig ein zusätzliches Programm starten will, sollte einen Blick auf FireFTP werfen. Firefox bindet den grafischen FTP-Client komplett ein und öffnet ihn wahlweise in einem Tab oder einem separaten Fenster.

FTP-Zugriff: FireFTP orientiert sich an bekannten FTP-Programmen, hat aber Schwierigkeiten mit sehr großen Dateien.

FireFTP beherrscht die gängigsten FTP-Funktionen. Neben der Wiederaufnahme eines Transfers ist in der aktuellen Version 0.88.3beta auch eine „FTP over SSL“-Verbindung möglich. Das Programm nutzt standardmäßig den Passive Mode, in den Optionen lässt sich aber ebenso auf den Active Mode wechseln. Proxy-Einstellungen liest das Programm direkt aus Firefox. In der aktuellen Version sind zudem IPv6, Drag & Drop sowie ein Integritäts-Checks integriert.

Datenübertragungen sind sowohl im Binary- als auch im ASCII-Modus möglich. Während des Downloads eines 2,6 GByte großen Fedora-Core-Images wurde das gesamte System teilweise spürbar langsamer. Der Download selbst lief fehlerfrei, ebenso die Wiederaufnahme des Transfers nach unterbrochener Übertragung. Nachteil: Aufgrund einer Limitierung in Firefox kann FireFTP keine Dateien übertragen, die größer sind als 4 GByte. Zudem scheint die Erweiterung noch Probleme unter Vista zu machen. Weitere Informationen finden Sie in der Hilfe.

Kurzinformationen FireFTP

Erweiterung

FireFTP

Entwickler

Mime Cuvalo

Unterstützte Betriebssysteme

Microsoft Windows, Mac OS, Linux

Firefox offiziell unterstützt bis Version

3.6

Getestete Version

1.0.7

Fazit

Die größte Stärke von Firefox ist und bleibt seine Vielseitigkeit. Jeder Nutzer kann den Browser erweitern, anpassen oder umschreiben. So kommt es, dass kaum eine Installation der anderen gleicht. Auch mehrere spezialisierte Firefox-Installationen sind ohne Weiteres möglich, am bequemsten geht das mit der portablen Version des Browsers. Mit dieser Vielseitigkeit können weder Opera noch der IE mithalten.

Das Erweiterungssystem beinhaltet aber auch Schwachstellen. So könnten entsprechend präparierte Erweiterungen Tür und Tor für Malware-Schreiber öffnen. Um nicht auf solche Machenschaften hereinzufallen, sollten Sie Erweiterungen nur aus vertrauenswürdigen Quellen installieren. Alle hier vorgestellten Erweiterungen finden Sie auf dem offiziellen Mozilla-Portal. Daher gehen wir davon aus, dass die Zusätze gründlich geprüft und für sicher befunden wurden.

Zum Abschluss möchte ich die eingangs erwähnte Aufforderung noch einmal wiederholen: Sollten Sie eine grandiose Erweiterung gefunden haben, die Ihren Alltag deutlich vereinfacht, dann schreiben Sie einfach einen Eintrag in unser Forum. (mja)