FF AddOnsfür Entwickler

[Lex]

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

1. Web Developer :: Firefox Add-ons (https://addons.mozilla.org/de/firefox/addon/60)

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 (https://addons.mozilla.org/de/firefox/addon/1843)

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 (https://addons.mozilla.org/de/firefox/addon/3829)

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 (https://addons.mozilla.org/de/firefox/addon/2250) (W3C Validator)
5. CSS validator :: Firefox Add-ons (https://addons.mozilla.org/de/firefox/addon/2289) (CSS Validator)
6. RSS validator :: Firefox Add-ons (https://addons.mozilla.org/de/firefox/addon/2294) (RSS Validator

7. HttpFox :: Firefox Add-ons (https://addons.mozilla.org/de/firefox/addon/6647)
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 (http://www.ghostery.com/download)
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 (https://addons.mozilla.org/de/firefox/addon/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) (https://addons.mozilla.org/de/firefox/addon/adblock-plus/?src=ss)
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 (https://addons.mozilla.org/de/firefox/addon/elemhidehelper/?src=dp-dl-oftenusedwith)

Ü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 (https://addons.mozilla.org/de/firefox/addon/zoom-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 (https://addons.mozilla.org/de/firefox/addon/german-dictionary-de_at-for-sp/)


Dies ist das für Firefox 3, Thunderbird 3 und Seamonkey 2 optimierte Rechtschreib-Wörterbuch für Deutsch mit österreichischen Schreibweisen (de-AT, Österreich, "neue" Rechtschreibung). Es ist die Hunspell-Version des igerman98-Wörterbuchs. Hunspell-Wörterbücher sind nicht kompatibel mit Myspell, weshalb dieses Wörterbuch ausschließlich mit den neueren Mozilla-Versionen funktioniert; für die alten Mozilla-Versionen sollten auch die älteren Wörterbuch-Addons benutzt werden.
Wer Probleme mit der Installation von Wörterbüchern unter Thunderbird hat, findet hier eine kleine Anleitung:
How to install a Dictionary in Thunderbird / Wie installiere ich ein Wörterbuch Addon in Thunderbird (http://www.j3e.de/thunderbird/how-to-install-a-dictionary.html)
PS: Gibt es natürlich auch für unsere
Deutschen Kollegen => Wörterbuch "Deutsch (de_DE)", neue Rechtschreibung :: Add-ons für Firefox (https://addons.mozilla.org/de/firefox/addon/german-dictionary-de_de-for-sp/?src=userprofile)
Schweizer Kollegen => Wörterbuch "Deutsch (de_CH)", neue Rechtschreibung :: Add-ons für Firefox (https://addons.mozilla.org/de/firefox/addon/german-dictionary-de_ch-for-sp/?src=userprofile)


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

[rodi]

Den Web Developer (https://addons.mozilla.org/de/firefox/addon/60) nutze ich auch schon länger und ist ein geniales Tool beim erstellen neuer Sites!

[Lex]

Update gemacht.

/stickyanfrage


Lg Lex

[Cerberus]

/stickyanfrage

done ...

feine Sache das :)

[BlackD]

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 (https://addons.mozilla.org/de/firefox/addon/249)

[Lex]

Update Punkt 8

Lg Lex

[Thunder™]

YSlow :: Firefox Add-ons (https://addons.mozilla.org/de/firefox/addon/yslow/)

XSS Me :: Firefox Add-ons (https://addons.mozilla.org/de/firefox/addon/xss-me/)

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

[Lex]

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

Lg Lex

[bl0bb]

^^ 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 (https://addons.mozilla.org/en-US/firefox/addon/sql-inject-me/) fehlt auch noch

[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 ;)

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

[bl0bb]

^^ Jo, diese beiden Addons können zu Problemen mit anderen Addons führen, aber wenn man diese nicht nutzt, kann man diese auch zeitweilig deaktivieren ;) Mit den hier genannten Addons gibt es allerdings keine Probleme, habe zumindest noch keine bemerkt.
Es sind jedenfalls nützliche Helfer, wenn man eine lokale Webapp mit vorgefertigen Attacken testen möchte, oder man Lücken in einer fremden Webapp sucht. Das zweite würde ich jedoch nicht empfehlen, außer man surft sicher, denn sonst kann man sich unter Umständen strafbar machen ;)

Was auch nicht fehlen sollte ist Total Validator (http://www.totalvalidator.com/). Neben dem Addon muss man sich noch eine externe exe installieren, was aber nicht weiter weh tut. Ist ein mächtiger HTML Validator der auch HTML5 unterstützt und gezielt Schwachpunkte bei Barrierefreiheit aufzeigt.

[Lex]

Valiator hab ich schon einen in der Liste. Ich hab den von dir benutzen auch schon getestet, jedoch fand ichs
nervig noch zusätzlich eine exe instalieren zu müssen. Du kannst ja mal meine gelistete probieren, du hast den direkten Vergleich
würde mich interessieren :)

Lg Lex

[bl0bb]

Ich kenne zumindest die Seiten, derer sich diese Addons bedienen, sind ja die vom W3C bereitgestellten... Nur stellt sich mir die Frage ob diese Addons auch in der Lage sind, den Validierungsvorgang für lokale Seiten zu starten. Zudem ist die W3C Prüfung nur rudimentär und das reicht mir persönlich nicht.

Da kann der Total Validator wesentlich mehr ;) Er prüft z.B. eingebundene Sources auf Existenz und kann die diversen Stufen der WCAG checken. Ich denke sowas sollte kein Webentwickler vernachlässigen ;) Außerdem ist mir noch kein Firefox 4 Addon bekannt, das auch HTML5 validieren kann. Wird sicherlich bald kommen, aber solange muss man ja nicht warten.

[Thunder™]

bl0bb das von dir ist leider noch nicht für Firefox 4 kompatible , schade eigentlich, hätte es gern mal getestet ...

EDIT:

was auch ganz empfehlenswert ist meiner Meinung nach ..

Server Spy :: Firefox Add-ons (https://addons.mozilla.org/de/firefox/addon/server-spy/)


Server Spy zeigt, welche Marke von HTTP-Server (zB Apache, IIS, etc.) läuft auf den besuchten Sites.
Wenn eine Registerkarte ausgewählt ist, wird der entsprechende Server-Name auf der rechten Seite des Browser-Statusleiste angezeigt.

[bl0bb]

Welches von mir genannte?

[Thunder™]

Welches von mir genannte?


dieses SQL Inject Me (https://addons.mozilla.org/en-US/firefox/addon/sql-inject-me/) hätte mich Interessiert.....das kannte ich noch nicht..:)

[bl0bb]

Jo stimmt, wird aber bald kommen ;)

[DoLo]

Leider funktionieren noch nicht so viele Addons beim Aurora.

[Lex]

Update am 30.07.2012 02:50

Hab mir die anderen von euch genannten Addons natürlich angeschaut, jedoch sind die meisten noch unter Version 1.0 und nicht mal mit FF 4.0 kompatibel.

Lg Lex

[DefCon3]

Das kann ich auch empfehlen. Ist nen leichter HTTP Requester. Unterstützt GET/POST/PUT/DELETE/HEAD/OPTIONS/PROPFIND/COPY/MOVE mit parameter und was man alles so braucht :)

Besonders für RESTful services gut zum testen.

HttpRequester :: Add-ons für Firefox (https://addons.mozilla.org/de/firefox/addon/httprequester/)

best regards,
Def