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

Für Firefox:

Firebug eignet sich hervorragend für Untersuchungen und Entwicklungen.

Symbolleiste für Webentwickler ist auch gut. Hilft wirklich mit CSS und Seitenlayout Zeug sowie viel mehr.

Ich verwende auch Live-HTTP-Header (Ich glaube, es heißt so, aber ich habe es auf meinem Arbeitsrechner und kann den Link jetzt nicht finden). Das hat uns bei Caching-Problemen und dergleichen geholfen.

Ich entwickle viel für Mobiltelefone und verwende daher auch UserAgent Switcher . Sehr hilfreich, um sich als verschiedene Handys auszugeben.

Ich tendiere dazu, Firefox nur für die Entwicklung zu verwenden und nur in anderen Browsern zu testen, da die meisten nicht die umfangreiche Palette von Plugins zur Unterstützung der Entwicklung haben, die Firefox hat.

Answer 2

Firefox:

• Prüfen Sie dies wenn Sie den DOM-Inspektor überhaupt verwenden
• Messen Sie es für die Angabe von Pixelabständen (falls Sie das brauchen)
• IE-Ansicht oder Safari-Ansicht zur Erleichterung von Tests in anderen Browsern
• HTML-Validator wenn Ihnen die Validierung wichtig ist
• Konsole 2 zur Verbesserung Ihrer js-Fehlerkonsole
• Die Javascript-Shell Bookmarklet ist auch praktisch (und schauen Sie sich auch die anderen dort an)

Edit: Dies ist zusätzlich zu den Symbolleiste für Webentwicklung von anderen erwähnt

Answer 3

Ein weiteres Muss für Firefox ist das Buch von Chris Pederick Symbolleiste für Webentwickler .

Answer 4

Im Falle des IE können die folgenden Tools nützlich sein

• Microsoft Entwickler-Symbolleiste - dom|styles viewer
• Fiddler HTTP-Debugger - http-Monitor
• Sofortige Quelle - dom|styles viewer
• Gefährte.JS - dom|styles viewer, erweiterte Fehlerkonsole

Die "Super"-Erweiterung für den IE - "Developer Tools", die als Teil des IE8 bereitgestellt wird

Answer 5

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.