2009-10-12 6 views
6

Ich muss in Eile entweder Firebug oder IE Developer Tools lernen, und ich könnte einen Ratschlag darüber, welcher besser ist. Ich benutze beide, um etwas JavaScript zu debuggen, hauptsächlich mit einem XHR-Mystery. Irgendwelche Tipps, über die man sich entscheidet, würde mir wahrscheinlich viel Zeit sparen und würde sehr geschätzt werden.Sollte ich Firebug oder IE8 Developer Tools lernen?

EDIT: Ich benutze bereits Fiddler und liebe es.

EDIT: Ich möchte alle Browser unterstützen.

+0

Hinzugefügt wurde die JavaScript-Tag mehr Nutzer mit einschlägiger Erfahrung zu erreichen. –

Antwort

19

Ich würde vorschlagen, beginnend mit Firebug, weil es traditionell die leistungsfähigste Reihe von Debugging-Features zur Verfügung gestellt hat.

Jedoch IE dev tools (und andere wie Opera Dragonfly) holen schnell auf und werden wahrscheinlich bevorzugt, wenn Ihre Seiten hauptsächlich in diesen Browsern angezeigt werden.

Also ich glaube nicht, dass Sie damit davonkommen können, nur das eine oder andere zu lernen. Finden Sie heraus, welche Browser Ihre Benutzer bevorzugen, und installieren Sie die Entwicklertools für jeden Browser.

Sie sparen sich viel Zeit bei der Lösung obskurer browserspezifischer Javascript- oder DOM-Bugs mit der für diesen Browser spezifischen Debugging-Plattform.

6

Ich würde Firebug als erstes vorschlagen, da es Ihnen hilft, Fehler schneller zu finden, da ich es intuitiver fand, aber wenn Sie nur IE unterstützen, wären die IE Developer Tools die beste Wahl.

Welche Browser unterstützen Sie?

Das wird das beste zu Beginn bestimmen, aber wenn Sie müssen, verwenden Sie Firebug für das anfängliche Debuggen.

+1

Danke. Ich möchte alle Browser unterstützen. – royco

2

Sie werden sich mit Firebug definitiv zu Hause fühlen. Ich bin das einfachste und mächtigste Tool, das ich kenne, um Seiten live zu debuggen. Ich benutze es ständig, bevor ich eine Änderung an einem CSS-Stylesheet begehe (d. H. Ränder/Abstände, Farben und dergleichen). Die Tatsache, dass es auch einen Javascript-Debugger und eine Konsole beinhaltet, ist ein Plus. Soweit ich weiß, verwenden viele, die Firefox nicht verwenden, Firebug Lite. Es ist JavaScript-powered und ein bisschen langsam, obwohl.

IE8 Dev. Tools ist nützlich, aber die Erfahrung ist nicht sehr ähnlich Firebug, aber das Konzept bleibt. Ich empfehle auch, sich mit Safari Web Inspector und Opera Dragonfly vertraut zu machen. Sie sind Debugging-Tools mit ähnlichen Aspekten wie Firebug.

+0

Warum viel über Opera erfahren, da es einen so geringen Marktanteil hat und nicht viel zu wachsen scheint? Wenn mobile Geräte unterstützt werden, kann Safari sinnvoll sein, aber es hat auch einen kleinen Marktanteil, abhängig davon, was die Zielbrowser sind. –

+0

Nun, um fair zu sein, hat er gesagt, dass er "alle Browser unterstützen wollte", und ich dachte, Dragonfly wäre zumindest relevant. –

+0

Opera ist auf Computern nicht sehr verbreitet (außer in Europa), aber es gibt eine Menge Opera auf mobilen Geräten, und der Browser der Nintendo Wii ist Opera. Auch hier kommt es auf Ihre Zielgruppe an. Wenn alle in den USA oder Asien Desktop- oder Laptop-Computer verwenden, decken IE, Firefox, Chrome und Safari fast alle Fälle ab. Ansonsten würde ich Opera zum Mix hinzufügen. –

5

Lernen Sie beide, zumindest wenn Sie Pro Web Coder sind. Es gibt sowieso nicht viel zu lernen - es ist nur ein Werkzeug.

2

Wenn es nicht zu testen/debuggen und IE mit JS schrulligen, sind Sie besser dran mit Firebug. IE8 DT kommt Firebug in Leistung oder Benutzerfreundlichkeit nicht einmal nahe. Probieren Sie IE8 DT aus und debuggen Sie JS, während Sie ein Projekt im Debugger von VS ausführen. Ich werde dir die Probleme ersparen und dir sagen "DU KANNST NICHT". Entwickeln Sie mit Firefox als Standard und 99% von allem anderen wird gut funktionieren.

+1

Wirklich IE8 Developer Tools sind Müll, lächerlich langsam auf jeder bescheidenen komplexen Seite. – dolzenko

1

Ich denke, Sie müssen beide lernen, weil manchmal Dinge, die in FF arbeiten, nicht wie erwartet im IE funktionieren, oder umgekehrt, so dass es hilfreich sein wird, das Werkzeug zu verwenden, das dem Browser entspricht.

0

Wie bereits erwähnt, ist die Antwort beide zu lernen. Wie bei der browserübergreifenden Entwicklung muss Zeit aufgewendet werden, um die Fehler in verschiedenen Browsern zu erkennen. Firebug ist bei weitem das überlegene Tool, aber wenn Sie einen Fehler im IE beheben, ist es selbstverständlich, dass das IE Dev-Tool die bessere Wahl wäre.

Auch, da wir immer noch für mehrere Versionen von IE codieren. Der IE 7-Kompatibilitätsmodus ist eine nette Funktion, um zu testen, ob die letzten Änderungen, die in IE8 funktionieren, immer noch funktionieren/so aussehen, als würden Sie sie in IE7 erwarten.

1

Die Entwicklungstools in Firefox und IE sind jetzt gleich nach der Ankunft von IE8. Ja, es bedeutet, dass Internet Explorer immer noch nicht die Wahl der Entwickler aus vielen Gründen ist, aber das grundlegende Tool von FF in den Entwicklern ist Firebug und ein anderes ist Web Developer Toolbar, gut IE Developer Tools decken beide von ihnen und wenn Sie sind vertraut mit IE Developer Tools oder Firebug auf FF, sollten Sie kein Problem haben, mit dem anderen Browser zu arbeiten.

Dieses Tutorial ist nützlich: Tutorial: Using IE Developer Tools as Firebug in Mozilla Firefox

Verwandte Themen