Web Developer Toolbar

Die Web Developer Toolbar gilt allgemein als eine Art Plicht-Werkzeug für alle, die sich mit HTML und CSS beschäftigen. Die Möglichkeiten des Firefox Browsers werden mit der Web Developer Toolbar um sehr viele nützlichen Features erweitert. Die Web Developer Toolbar bietet neben den allgemeinen Standardfeatures, wie das Anzeigen von Stytesheet, Cookies und Javascript zahlreiche weitere Funktionen zur Modifikation von Webseiten direkt aus dem Firefox Browser heraus. Sie erlaubt das Anzeigen, Ändern und Löschen von Cookies, das Verstecken von Seitenelementen, das Blockieren von Javascripten und Bildern. Javascript- und CSS-Code kann einzeln angezeigt werden und der Browsers auf eine bestimmte Auflösung gesetzt werden. Die Web Developer Toolbar erlaubt es Hilfslinien einzublenden. Für den genauen Funktionsumfand der Web Developer Toolbar sei auf die Seite von Chris Pederick verwiesen. Die wohl wichtigsten sind:

• Deaktivieren aller Farben, Grafiken, Weiterleitungen, JavaScript oder Stytesheet Elementen
• Ein und Ausblenden aller Alt- Attribute von Grafiken
• Bearbeiten der Style's direkt im Browser
• alle Grafiken einer Webseite mit Größe und Dateigröße anzeigen
• alle Klassen und ID von CSS Elementen direkt an diesen einblenden
• Hilfslinen einblenden
• Web Developer Toolbar Maßwerkzeug zum Ausmessen der Webseitenelemente
• alle Farben mit Farbcode anzeigen
• eine Art Bildschirmlupe zum Zoomen der Seitenelemente
• Hervorheben von Frames, Links usw.
• Verändern der Fenstergröße
• Java und Error Console
• Geschwindigkeitsreport
• Tools für HTML, CSS, Links usw. Validierung
• DOM Inspector
• und weitere ...

Eine weitere Erweiterung ist Firebug. Firebug in Verbindung mit der Web Developer Toolbar macht den Firefox zu einem mächtigen Werkzeug für Webdesigner und Erleichtert die Fehlersuche in Projekten um ein vielfaches.

Hier gibt es die Web Developer Toolbar zum Download bei Mozilla

weiter zu Firebug