Empfehlungen für Browser-Add-on-Tools, die bei der Entwicklung helfen

Question

Kann jemand einige gute Browser-Add-on-Tools/Erweiterungen vorschlagen, die bei der Entwicklung helfen? Ich habe Firebug in Firefox installiert, das sich hervorragend für den Umgang mit CSS, HTML und Javascript eignet; gibt es weitere Vorschläge?

Firebug

Answer 1

Opera hat:

Dragonfly (Werkzeuge -> Erweitert -> Entwicklerwerkzeuge)

Menü "Fehlersuche

UserJS-Methoden zum Abfangen von Dingen

opera:config#CompatMode%20Override zum Erzwingen des Quirks- oder Standardmodus

Widgets für Webentwickler

Sie können den Quellcode von Dateien anzeigen, sie bearbeiten, Änderungen übernehmen und aus dem Cache neu laden.

Answer 2

Entwickler-Konsole und DOM-Schnappschuss für die Oper:

http://dev.opera.com/tools/

Das Tolle daran ist, dass diese Bookmarklets mit JS implementiert sind. Blöd ist, dass sie das Internetz benötigen.

Answer 3

Firefox:

Prüfen Sie dies, wenn Sie den DOM-Inspektor überhaupt verwenden

Measure It für die Anzeige von Pixelabständen (wenn Sie das brauchen)

IE-Ansicht oder Safari-Ansicht zur Erleichterung von Tests in anderen Browsern

HTML-Validator, wenn Sie Wert auf Validierung legen

Console2 zur Verbesserung Ihrer js-Fehlerkonsole

Das Javascript Shell-Bookmarklet ist ebenfalls sehr nützlich (und schauen Sie sich auch die anderen Bookmarklets an)

Dies ist eine Ergänzung zu der von anderen erwähnten Web Development Toolbar

Diese Liste von Cebjyre ist fast vollständig (da FireBug bereits in der Frage erwähnt wurde). Ich würde nur hinzufügen Tamperdata . Von Zeit zu Zeit ist es sehr nützlich.

Answer 4

Hier sind meine entwicklungsorientierten Add-ons für Firefox 3 :

1. Web-Entwickler
2. Firebug
   1. Feuerzangenbowle
   2. FirePHP
   3. Regenbogen
3. TamperData
4. Poster
5. FireFTP
6. Neu ladenJeder
7. Selenium-IDE

Answer 5

YSlow ist ein nettes Firebug-Addon zur Fehlersuche bei der Ladezeit einer Seite.