2009-10-12 14 views
6

Ho bisogno di imparare Firebug o IE Developer Tools in fretta, e potrei usare qualche consiglio su quale sia il migliore. Userò uno dei due per eseguire il debug di alcuni JavaScript, principalmente con il repsect su un mistero XHR. Qualche consiglio su quale scegliere mi farà risparmiare molto tempo e sarebbe molto apprezzato.Devo imparare Firebug o IE8 Developer Tools?

EDIT: Uso già Fiddler e lo adoro.

MODIFICA: Il mio obiettivo è supportare tutti i browser.

+0

Aggiunto il tag javascript per raggiungere più utenti con esperienza. –

risposta

19

Suggerirei di iniziare con Firebug perché tradizionalmente ha fornito il set più potente di funzionalità di debug.

Tuttavia IE dev tools (e altri come Opera Dragonfly) stanno rapidamente recuperando e sono probabilmente preferiti se le pagine vengono visualizzate principalmente in quei browser.

Quindi non penso che tu possa cavartela imparando solo uno o l'altro. Scopri quali browser preferiscono gli utenti e installa gli strumenti di sviluppo per ciascun browser.

Ti risparmierai molto tempo risolvendo oscuri browser JavaScript o DOM specifici del browser utilizzando la piattaforma di debug specifica per quel browser.

6

Vorrei suggerire Firebug in primo luogo, in quanto ti aiuterà a determinare gli errori più rapidamente, in quanto l'ho trovato più intuitivo da usare, ma, se stai supportando solo IE, allora gli strumenti di sviluppo IE sarebbero la soluzione migliore.

Quali browser supportate?

Questo determinerà il migliore da cui iniziare, ma, se necessario, utilizzare Firebug per il debug iniziale.

+1

Grazie. Mirare a supportare tutti i browser. – royco

2

Ti sentirai sicuramente a casa con Firebug. Sono il più semplice e il più potente degli strumenti che conosco per il debug delle pagine live. Lo uso costantemente prima di passare a un foglio di stile CSS (cioè margini/paddings, colori e simili). Il fatto che includa anche un debugger Javascript e una console è un vantaggio. Da quello che ho capito, molti che non usano Firefox usano Firebug Lite. È JavaScript alimentato e un po 'lento, però.

IE8 Dev. Gli strumenti sono utili, ma l'esperienza non è molto simile a Firebug, ma il concetto rimane. Raccomando anche di familiarizzare con Safari Web Inspector e Opera Dragonfly. Stanno eseguendo il debug di strumenti con aspetti simili a Firebug.

+0

Perché imparare molto su Opera poiché ha una quota di mercato così piccola e non sembra che stia crescendo molto? Se supporta i dispositivi mobili, Safari può avere senso, ma ha anche una piccola quota di mercato, a seconda di quali sono i browser di destinazione. –

+0

Bene, per essere onesti, ha dichiarato di voler "supportare tutti i browser", e ho pensato che raccomandare Dragonfly fosse almeno pertinente. –

+0

L'opera non è molto comune sui computer (tranne che in Europa), ma c'è un sacco di Opera su dispositivi mobili e il browser di Nintendo Wii è Opera. Di nuovo, dipende dal tuo pubblico di destinazione. Se utilizzeranno computer desktop o portatili negli Stati Uniti o in Asia, IE, Firefox, Chrome e Safari copriranno quasi tutti i casi. Altrimenti, aggiungerei Opera al mix. –

5

Apprendi entrambi, almeno se sei un programmatore web professionale. Non c'è molto da imparare comunque - è solo uno strumento.

2

A meno che non si tratti di test/debug e IE di strangolare con JS, è meglio attenersi a Firebug. IE8 DT non si avvicina nemmeno a Firebug in termini di prestazioni o usabilità. Prova IE8 DT e fai il debug di JS mentre stai eseguendo un progetto nel debugger di VS. Ti salverò il problema e ti dirò "NON PUOI". Sviluppa con Firefox come standard e il 99% di tutto il resto funzionerà correttamente.

+1

Really IE8 Developer Tools è spazzatura, ridicolmente lenta su qualsiasi pagina modestamente complessa. – dolzenko

1

Penso che dovrete imparare entrambi, perché a volte le cose che funzionano in FF non funzionano come previsto in IE, o viceversa, quindi sarà utile usare lo strumento che corrisponde al browser.

0

Come già detto, la risposta è imparare entrambi. Come per lo sviluppo del cross-browser, è necessario dedicare del tempo per risolvere i nodi in diversi browser. Firebug è di gran lunga lo strumento migliore, ma se stai risolvendo un bug in IE, è ovvio che lo strumento IE Dev sarebbe la scelta migliore.

Inoltre, dal momento che stiamo ancora codificando per più versioni di IE. La modalità di compatibilità di IE 7 è una buona funzionalità per testare che le ultime modifiche che sembrano funzionare correttamente in IE8 funzionano ancora/sembrano come se ci si aspetterebbe che fossero in IE7.

1

Gli strumenti di sviluppo di Firefox e IE sono gli stessi ora dopo l'arrivo di IE8. Sì, vuol dire che Internet Explorer non è ancora la scelta degli sviluppatori per molte ragioni, tuttavia lo strumento di base di FF famoso negli sviluppatori è Firebug e un altro è Web Developer Toolbar, ben IE Developer Tools copre entrambi e se sei familiarità con IE Developer Tools o Firebug su FF, non dovresti avere alcun problema a lavorare sull'altro browser.

Questo tutorial è utile: Tutorial: Using IE Developer Tools as Firebug in Mozilla Firefox

Problemi correlati