Firebug bietet eine ganze Reihe an Funktionen zur Entwicklung und Analyse von Webseiten. Ob HTML, CSS oder Javascript die Fehlersuche gestaltet sich mit diesem Add-On wesentlich einfacher. Es gibt wohl kaum ein Webentwickler der im Firefox ohne arbeitet.

ColorZilla

» http://www.iosart.com/firefox/colorzilla/

Mit ColorZilla lassen sich die Farbwerte im Browserfenster ermitteln. Zweites interessante Feature ist ein DOM-Inspektor.

Web Developer Extension

» http://chrispederick.com/work/firefox/webdeveloper/

Die Erweiterung erstellt unter Extras einen neuen Menüeintrag, über den die einzelnen Funktionen erreicht werden können. Auch eine Toolbar kann als Symbolleiste eingeblendet werden.

Die Funktionsumfang ist sehr vielfältig und bietet für jeden Webentwickler etwas. Mit einem Mausklick lassen sich zum Beispiel Javascript oder Cookiesausstellen, das Stylesheet wechseln oder Tabellenzellen farbig umranden.

HTML Validator

» http://users.skynet.be/mgueury/mozilla/

Eine gute Ergänzung der Web Developer Extension ist der HTML Validator von Marc Gueury. Der Validator basiert auf Tidy und zeigt in der Statusleiste an ob die gerade geladene Seite valide ist. Mit einem Mausklick können die Fehler und Warnungen direkt im Souce der Seite begutachtet werden.

User Agent Switcher Extension

» http://chrispederick.com/work/firefox/useragentswitcher/

Die Erweiterung erstellt unter Extras einen neuen Menüeintrag, über den der User Agent gewechselt werden kann. Auch lassen sich eigene Profile von User Agenten erstellen und über einen Menüeintrag auswählen.

Der User Agent wird vom Browser an den Server bei einer Anfrage (Request) übermittelt. Der Server kann den String verwenden um seine Antwort (Response) an die Funktionen des anfragenden Browser anzupassen. Sinnvoller Einsatz sind zum Beispiel spezielle Stylesheets, die die Besonderheiten eines Browsers berücksichtigen. Auch die Spider von Suchmaschinen identifizieren sich über einen User Agent und so kommt es vor, daß einige Seiten anders aussehen wenn der GoogleBot vorbeischaut als wenn ein normaler Anwender die Anfrage sendet. Wer Seiten ansehen möchte wie Google sie sieht, kann zum Beispiel ein Profil mit Googlebot/2.1 (+http://www.google.com/bot.html) erstellen.

wmlbrowser

» http://wmlbrowser.mozdev.org/

Mit dem wmlbrowser lassen sich WAP-Seiten in Firefox darstellen.

Accessibility Extensions

» https://cita.disability.uiuc.edu/software/mozilla/installation.php

Accessibility Extensions

Fangs: The Screen Reader Emulator

» http://www.standards-schmandards.com/index.php?show/fangs

Emuliert einen Screenreader

ScreenGrab

» http://andy.5263.org/screengrab/

Erstellt einen Screenshot der aktuell angezeigten Webseite und speichert ihn als PNG-Datei.

Autocopy

» http://autocopy.mozdev.org/

Markierter Text wird automatisch in die Zwischenablage kopiert.

Pencil

» http://pencil.evolus.vn/

Addon mit dem sich einfach GUI-Prototypen erstellen lassen. Besonders interessant wenn es noch keine Seite gibt und trotzdem eine Screenshot her muss...

Extension Developer's Extension

» http://ted.mielczarek.org/code/mozilla/extensiondev/

Eine Extension zum Erstellen einer Extension.

	Web Entwicklung Firefox Erweiterungen
Eclipse RCP Examples Eclipse.org Eigene Preferences Equinox P2 P2 Begriffe Director Application P2 Remote Debuggen Informationen Icons Interessante Links RCP Bücher OSGI Bücher Web Entwicklung Dynamik mit Ajax Bookmarklet Suchergebnisvorschau Firefox Add-ons Inkompatible Add-ons Panorama erstellen JSF Bücher About About Weitere Links Silke in Amerika Silke in Australien Silke in Europa Reisen und Fotos	Firefox Erweiterungen Erweiterungen für den Firefox-Browser die bei mir im Einsatz sind. Firebug » http://www.joehewitt.com/software/firebug/ Firebug bietet eine ganze Reihe an Funktionen zur Entwicklung und Analyse von Webseiten. Ob HTML, CSS oder Javascript die Fehlersuche gestaltet sich mit diesem Add-On wesentlich einfacher. Es gibt wohl kaum ein Webentwickler der im Firefox ohne arbeitet. ColorZilla » http://www.iosart.com/firefox/colorzilla/ Mit ColorZilla lassen sich die Farbwerte im Browserfenster ermitteln. Zweites interessante Feature ist ein DOM-Inspektor. Web Developer Extension » http://chrispederick.com/work/firefox/webdeveloper/ Die Erweiterung erstellt unter Extras einen neuen Menüeintrag, über den die einzelnen Funktionen erreicht werden können. Auch eine Toolbar kann als Symbolleiste eingeblendet werden. Die Funktionsumfang ist sehr vielfältig und bietet für jeden Webentwickler etwas. Mit einem Mausklick lassen sich zum Beispiel Javascript oder Cookiesausstellen, das Stylesheet wechseln oder Tabellenzellen farbig umranden. Anzeige: HTML Validator » http://users.skynet.be/mgueury/mozilla/ Eine gute Ergänzung der Web Developer Extension ist der HTML Validator von Marc Gueury. Der Validator basiert auf Tidy und zeigt in der Statusleiste an ob die gerade geladene Seite valide ist. Mit einem Mausklick können die Fehler und Warnungen direkt im Souce der Seite begutachtet werden. User Agent Switcher Extension » http://chrispederick.com/work/firefox/useragentswitcher/ Die Erweiterung erstellt unter Extras einen neuen Menüeintrag, über den der User Agent gewechselt werden kann. Auch lassen sich eigene Profile von User Agenten erstellen und über einen Menüeintrag auswählen. Der User Agent wird vom Browser an den Server bei einer Anfrage (Request) übermittelt. Der Server kann den String verwenden um seine Antwort (Response) an die Funktionen des anfragenden Browser anzupassen. Sinnvoller Einsatz sind zum Beispiel spezielle Stylesheets, die die Besonderheiten eines Browsers berücksichtigen. Auch die Spider von Suchmaschinen identifizieren sich über einen User Agent und so kommt es vor, daß einige Seiten anders aussehen wenn der GoogleBot vorbeischaut als wenn ein normaler Anwender die Anfrage sendet. Wer Seiten ansehen möchte wie Google sie sieht, kann zum Beispiel ein Profil mit Googlebot/2.1 (+http://www.google.com/bot.html) erstellen. wmlbrowser » http://wmlbrowser.mozdev.org/ Mit dem wmlbrowser lassen sich WAP-Seiten in Firefox darstellen. Accessibility Extensions » https://cita.disability.uiuc.edu/software/mozilla/installation.php Accessibility Extensions Anzeige: Fangs: The Screen Reader Emulator » http://www.standards-schmandards.com/index.php?show/fangs Emuliert einen Screenreader ScreenGrab » http://andy.5263.org/screengrab/ Erstellt einen Screenshot der aktuell angezeigten Webseite und speichert ihn als PNG-Datei. Autocopy » http://autocopy.mozdev.org/ Markierter Text wird automatisch in die Zwischenablage kopiert. Pencil » http://pencil.evolus.vn/ Addon mit dem sich einfach GUI-Prototypen erstellen lassen. Besonders interessant wenn es noch keine Seite gibt und trotzdem eine Screenshot her muss... Extension Developer's Extension » http://ted.mielczarek.org/code/mozilla/extensiondev/ Eine Extension zum Erstellen einer Extension.

	01.10.2011, Silke Schlüter, Impressum