FF AddOns für Entwickler
 

Hier mal eine kleine Sammlung meiner FireFox Addons die für Entwickler in dem Bereich "WebProgrammierung" hilfreich sind.

1. Web Developer :: Firefox Add-ons Sehr hilfreich für Arbeiten an Designs, HTML und PHP. Besonders die Funktion "Hervorherben => Tabellen Elemente hervorheben => Tabellen Zellen hervorheben" Da immer noch einige User mit Tabellen, nicht mit DIV´s arbeiten ist diese Funktion extrem hilfreich wenn man einen Darstellungsfehler hat, da einem genau angezeigt wird, wo welche Tabelle verläuft. Auch das hervorheben von DIV-Elementen ist natürlich möglich. Auch das Löschen Privater Cookies und Sessions für die Aktuelle Seite sind hilfreiche Funktionen. Es gibt noch vieles mehr, doch das würde den Ramen einer kurzen Beschreibung sprengen! 2. Firebug :: Firefox Add-ons Ideal um Fehler in der Seite, im Code zu suchen. Besonders hilfreich wenn man z.B herrausfinden möchte von welcher Style-Definierung das Markierte Objekt seine Formatierung erhält. 3. Live HTTP Headers :: Firefox Add-ons Sehr Hilfreich wenn man an Formularen, Logins und allem was Abgesendet wird arbeitet. Es zeigt genau an, was für Elemente in welcher Form abgeschickt werden, und wie diese Interpretiert werden, etc 4. Page validator :: Firefox Add-ons (W3C Validator) 5. CSS validator :: Firefox Add-ons (CSS Validator) 6. RSS validator :: Firefox Add-ons (RSS Validator 7. HttpFox :: Firefox Add-ons Ebenfalls sehr zu empfehlen wenn man Probleme mit dem Absenden von Formularen hat. Dieses AddOn zeigt sämtlichen Traffic zwischen dem Client (Browser) und dem Server. 8. Ghostery Tracking-Dienste blockieren mit Ghostery Für die Browser Firefox, Internet Explorer, Chrome und Safari gibt es ein kleines Tool namens Ghostery. Die Browser-Erweiterung zeigt leicht erkennbar in der Statusleiste die von der aktuellen Webseite benutzten Tracking-Dienste an. Dabei berücksichtigt das Programm nicht nur Google Analytics, sondern auch einige andere Tracking-Anbieter wie IVW, opentracker oder eTracker. 9. YSlow YSlow analysiert Webseiten und deren Geschwindigkeitsbremsen beim Seitenaufbau, gemäß den Regeln für Performante Webseiten von Yahoo. YSlow nutzt Yahoos Smush.it Service. 10. AdBlock Plus (Optional) Jeder kennt die nervige Werbung auf diversen Webseiten. AdBlock macht damit Schluss. Die meisten Werbeanbieter sind bereits erkannt, oder werden anhand des Namens (Grafiknamen, Dateipfad, etc) automatisch Blockiert. Einleitung: http://www.youtube.com/watch?v=oNvb2SjVjjI Ich empfehle dazu dieses Pluggin als Erweiterung zum AdBlock zu installieren Element Hiding Helper für AdBlock Plus Zitat: Über dieses Add-on Man wählt einfach das Element aus, das versteckt werden soll, und kreuzt anschließend die Attribute an, anhand derer das Element in Zukunft wiedererkannt und versteckt werden soll. Die Regel für das Verstecken wird automatisch erstellt und in die Filterliste von Adblock Plus eingefügt. 11. Zoome Page Da wir Programmierer uns etwas auch mal größer anschauen wollen, kann es leicht mal passieren das man nicht mehr bemerkt ob man eine Seite gezoomt hat oder nicht. Anzeige dafür gibt es in Firefox von Haus aus leider nicht. Da kommt dieses Mini-Plugin ins Spiel. Es zeigt euch bequem an, zu wieviel % ihr eine Webseite gezoomt habt. Bilder dazu gibt es im Link (Name ist verlinkt).

Optional möchte ich einigen unserer User auch noch folgendes Addon nahelegen

Wörterbuch "Deutsch (de_AT)", neue Rechtschreibung

PS: Gibt es natürlich auch für unsere
Deutschen Kollegen => Wörterbuch "Deutsch (de_DE)", neue Rechtschreibung :: Add-ons für Firefox
Schweizer Kollegen => Wörterbuch "Deutsch (de_CH)", neue Rechtschreibung :: Add-ons für Firefox


Natürlich braucht man nicht immer alle AddOns gleichzeitig, aber man kann sie ja auch einfach deaktivieren oder ausblenden.
All diese AddOns können natürlich noch viel mehr als hier von mir Kommentiert, mehr dazu gibts beim jeweiligen Link.

Lg Lex

Den Web Developer nutze ich auch schon länger und ist ein geniales Tool beim erstellen neuer Sites!

Update gemacht.

/stickyanfrage


Lg Lex

done ...

feine Sache das :)

Ich find, Firebug is das genialste, was geht! mit der Netzwerk-Funktion braucht man auch kein "Live HTTP Headers" oder "HttpFox". Viele Funktionen von "Web Developer" sind auch drin. Etwas kompliziert is der Javascript-Debugger, der manchmal nich so will...
Als Validator für html nutze ich Html Validator :: Firefox Add-ons

Update Punkt 8

Lg Lex

YSlow :: Firefox Add-ons

XSS Me :: Firefox Add-ons

ich pack das mal dazu weil es einfach dazu gehört...^^

was auch nicht fehlen darf aber nichts mit Entwicklung zu tun hat
ist zb https://addons.mozilla.org/de/firefox/addon/flagfox/ damit man OVH Datenschleuder meidet :D

Vielen Dank an Thunder für die Einreichungen, den XXS nehm ich gerne auf, sobald es aus der Beta raus ist.

Lg Lex

^^ Wie Beta? Is zwar teilweise buggy (und das schon von Anfang an), aber er macht das was er soll. Also auf ein Stable würde ich nicht warten ;)

SQL Inject Me :: Add-ons for Firefox fehlt auch noch

Eben darum kann ichs nicht aufnehmen, es könnte quasi eine Sicherheitslücke darstellen oder bei Usern zu
problemen führen.

Das 2. seh ich mir gleich mal an.

Lg Lex

--======================================--
--== Beitrag erstellt: 13:24 um 13:19 ==--
--== geantwortet auf Beitrag vom ==--
--== automatische Beitragszusammenführung ==--
--======================================--

Lex schrieb nach 4 Minuten und 17 Sekunden:

Das 2. kann ich leider nicht reinnehmen, 1. wieder ne Beta und 2. => Not available for Firefox 4.0.1

Lg Lex