Live HTTP Headers

Mit diesem Tool kann man aufzeichnen sowie speichern und exportieren, was der Browser so an HTTP-Daten austauscht.
Das kann zur Fehlerdiagnose möglicherweise schon mal sehr hilfreich sein.

https://addons.mozilla.org/de/firefox/addon/live-http-headers/

Regular Expressions Tester

https://addons.mozilla.org/de/firefox/addon/2077/

Jeder Entwickler kennt das, der Einsatz von regulären Ausdrücken kann manchmal schon ganz “tricky” sein.
Dieses Add-on verspricht Abhilfe. Entworfene reguläre Ausdrücke einfach mit dem Firefox testen bis der Arzt kommt.

XSS Me

https://addons.mozilla.org/en-US/firefox/addon/7598/

Cross-Site-Scripting ist immer wieder ein Problem.
Mit diesem Add-on kann man Eigen- und Fremdentwicklungen auf XSS-Schwachstellen prüfen.

ColorZilla

http://www.erweiterungen.de/detail/ColorZilla

Mittels Fadenkreuz kann aus jedem Browserbereich der entsprechende Farbwert ausgelesen werden. Dieser kann per Bereichswähler angepasst und/oder als RGB- oder Hex-Wert kopiert werden.
Weitere Funktionen: Abstandsmessungen zwischen zwei Pixeln auf einer Webseite, Seitenzoom, verschiedene Farbpaletten.

LoremIpsum Content Generator

Downloadlink

Erstellt einen “Lorem ipsum”-Blindtext, um bspw. Webseiten während der Entwicklung mit einem vorläufigen Inhalt zu versehen.
Nach der Installation kann die Erweiterung über das Menü Extras oder eine eigene Schaltfläche (nur Firefox, anzulegen über den “Anpassen”-Dialog der Symbolleisten) in einem eigenen Fenster oder über den Menüpunkt Ansicht -> Sidebar in der Sidebar (nur Firefox) aufgerufen werden.

IE Tab

http://www.erweiterungen.de/detail/IE_Tab/

Erlaubt es, die Browser-Engine des Internet Explorers innerhalb von Tabs in Mozilla-Browsern zu benutzen. Somit ist es beispielsweise auch möglich, das Windows Update mit Firefox/Mozilla auszuführen (siehe Erweiterung Windows Update).

Venkman: Mozilla’s JavaScript Debugger

https://addons.mozilla.org/de/firefox/addon/216

JavaScript mit Hilfe des Firefox debuggen.

DOM-Inspector

Der DOM Inspector ermöglicht verschiedene für Entwickler nützliche Funktionen. Hier einige Auszüge:

• Anzeigen der Baumstruktur der Elemente, z.B. von HTML oder CSS einer Webseite
• Anzeigen der Attribute von Elementen
• Suchen & Auswahl von Elementen & Klassenbezeichnungen (wie ID und class)
• Welche Stylesheets oder Bilder Elemente werden verwendet?
• Suchen, Anzeigen, Bearbeiten oder Ausführen der Eigenschaften und Methoden von Elementen, die via JavaScript angesprochen werden können

Der DOM Inspector ist ab Firefox 3 nur noch als Erweiterung erhältlich.

• https://addons.mozilla.org/de/firefox/addon/6622

• http://www.firefox-browser.de/wiki/DOM_Inspector

Web Developer von Chris Pederick

https://addons.mozilla.org/de/firefox/addon/60

http://www.erweiterungen.de/detail/Web_Developer/

Das Add-on installiert auf User-Ebene eine Browserleiste sowie einen Menüeintrag unter “Extras” mit vielen Hilfsmitteln für den Webentwickler.

Hier einige Funktionen exemplarisch:

• Beispielsweise kann sich das CSS einfach angezeigt werden, auch wenn es sich in einer ausgelagerten Datei befindet.
• Die Fenstergröße des Browsers kann darstellen, was passiert, wenn die Bildschirmauflösung verändert, ohne die Bildschirmauflösung tatsächlich zu ändern.
• Zahlreiche Validierungsmöglichkeiten