- Best of Web-Developer-Extensions › Webstandard-Blog

Best of Web-Developer-Extensions

Browser - 31 Aug, 2006

Twittern
Kommentare (17)

Viele kennen Sie und die Zahl der Nutzer der Browser-Erweiterungen wächst stätig. Gemeint sind diesmal ausnahmsweise nicht die typischen Firefoxerweiterungen wie Fasterfox, Adblock, Forecastfox oder FlickrFox. Gemeint sind eher die Erweiterungen des Firefoxbrowsers, die den Entwicklern den Alltag im Umgang mit dem Browser erleichtern und bestimmte Aufgaben ( bspw. Fehlersuche ) schneller erledigt werden können. Jeder hat, meistens abgestimmt auf seinen jeweiligen Aufgabenbereich ( bspw. Frontend, Backend ), eine Liste an Erweiterungen die im Laufe der Zeit entstand, um somit unterschiedlichen Anforderungen, wie bspw. der Kontrolle von Webstandards ( bspw. HTML, XML, CSS, RSS oder DOM ) gerecht zu werden. Von der schnellen Suche bestimmter Layoutelemente, bishin zur Suche nach Fehlern im Quellcode über das einfache Abmessen bestimmter Bereiche, bieten die Extensions eine Vielfalt an Möglichkeiten.

Best of Web-Developer-Extensions

Web Developer Toolbar ( aktuelle Version für Firefox 1.0.2 ) - stellt eine Symbolleiste und ein Menü mit zahlreichen nützlichen Werkzeugen ( bspw. das "live-editieren" von CSS und HTML Code oder das ausblenden oder umrahmen bestimmter Layoutelemente ) für Web-Entwickler zur Verfügung
User Agent Switcher ( 0.6.8 ) - ermöglicht eine Änderung der Browserkennung
MeasureIt ( 0.3.5 ) - mit diesem Lineal kann eine pixelgenaue Abmessung in Weite und Höhe direkt im Browser erfolgen
HTML Validator (based on Tidy and OpenSP) ( 0.7.9.4 ) - hiermit ist es möglich im Firefox oder Mozilla die W3C Validität des Quellcodes zu testen. Einzelene Fehler werden unterhalb des Quellcodes dargestellt und können direkt angesprungen werden.
Aardvark ( 1.2 ) - vielseitig einsetzbare Erweiterung zur Seitenanalyse
Fangs ( 0.9.9 ) - der Fangs Screen Reader Emulator simuliert recht anschaulich die Sprachausgabe von Screenreadern und stellt diese als linearisierten Text dar, wobei Elemente wie bspw. Überschriften, Links, Listen und Tabellen farbig unterlegt werden und für eine bessere Übersicht sorgen.
DOM Inspector ( 1.8 )- zerlegt HTML, XML und XUL Seiten in eine übersichtliche Baumstruktur
LiveHTTPHeaders ( 0.12 ) - hiermit können sämtliche HTTP-Header während einer HTTP-Übertragung analysiert werden. Diese Header können dann modifziert ( bspw. der Mime-Type ) und übertragen werden.
Accessibility Extensions ( 0.99.1.2814 ) - installiert eine Toolbar, die Zugriffe auf verschiedene Zugänglichkeitsfeatures u.a. Struktur, Navigation, Style, Mouseevents etc., )ermöglicht.
ColorZilla ( 0.8.3.1 ) - fügt dem Browser unten links ein Pipettensymbol hinzu und ermöglicht damit die Ermittlung des Hexadezimalwertes und des RGB Farbwertes an jeder Stelle innerhalb des Browserfensters.

Diese kleine Web-Developer-Extension-Auswahl kann gern von Euch erweitert werden. Für interessierte Internet Explorer User, gibt es hier noch zwei Erweiterungen die auch den Redmonder Browser etwas umgänglicher machen ;o)

Update: Wer möchte, dass seine Erweiterungen auch in der neuen Version 2.0 von Firefox funktionieren, findet anbei einen kleine Videoanleitung.

Make old extensions work in Firefox 2

Webstandard-Team
31 Aug 2006, 12:00

Ok, FireBug kommt hinzu. Aber erst, wenn wir noch 4 weitere Extensions anbieten können. Wer Extensions für Mac Browser kennt, kann diese natürlich auch publizieren.
SilentWarrior
31 Aug 2006, 23:06

Ok, einer muss ja das schwarze Schaf spielen und statt etwas beitragen lieber rummeckern. Also mach ich das:

1. Ich verstehe nach wie vor nicht, wofür MeasureIt gut sein soll. Mit der WDT kann man die Ausmasse jedes Elements im Browser anzeigen und muss dazu nichtmal mit der Maus rumfrickeln.

2. Tidy hat bei mir in regelmässigem Abstand (alle 2 bis 3 Wochen) den Verlauf gelöscht – hat(te) jemand ähnliche Probleme und/oder weiss, wie man das beheben kann?
Webstandard-Team
01 Sep 2006, 08:29

@SilentWarrior: Die MeasureIt Nutzung ist einfach alte Gewohnheit von mir und bekanntlicherweise gibt man die schwer auf. Aber der Einwand ist natürlich berechtigt ;) Die Verlaufslöschung durch Tidy ist mir noch nicht unter gekommen.
Hotte 01 Sep 2006, 17:28

Warum ist eigentlich Aardvark nicht von der offiziellen Firefox Seite downloadbar? Das schmälert mein Vertrauen in diese Extension schon beträchtlich... wäre nicht das erste Mal, dass ein nützliches Programm im Hintergrund noch etwas ganz anderes installiert.
Hotte 01 Sep 2006, 17:29

Warum ist eigentlich Aardvark nicht von der offiziellen Firefox Seite downloadbar? Das schmälert mein Vertrauen in diese Extension schon beträchtlich... wäre nicht das erste Mal, dass ein nützliches Programm im Hintergrund noch etwas ganz anderes installiert.
OMG
07 Sep 2006, 11:12

Also eine sehr gute Liste zusammengestellt. Aber die Extension CSSViewer fehlt wirklich. Ist aber ähnlich wie die Aardvark Extension.
bramn
25 Sep 2006, 10:28

Measureit is kind of obsolete, there are a number of measuring tools implemented in the Web Developer extension!
kim 14 Sep 2007, 14:43

Ok, ich will nicht nerven aber Firebug ist erstmal die wichtigste Developer Extension überhaupt. Auserdem ersetzt Firebug andere Extensions wie z.B. den "DOM Inspector", cssview und jsview und viele andere.
Webstandard-Team
17 Sep 2007, 10:27

@ Kim: Zu dem Zeitpunkt als dieser Artikel geschrieben wurde, steckte "Firebug" noch in den Kinderschuhen und konnte noch längst nicht das, was er heute kann.
Marc Klein
07 Nov 2007, 17:21

Sehr aufschlussreich. Werde diesen Blog zu meinen Favouriten hinzufügen und werde öfter mal bei euch reinschauen.