Strumenti per la risoluzione dei problemi JavaScript in Internet Explorer

Question

Utilizzo molto Firebug e la console Mozilla JS, ma ogni tanto mi imbatto in un bug JavaScript solo di IE, che è davvero difficile da individuare (es: errore sulla riga 724, quando l'HTML di origine ha solo 200 righe).

Mi piacerebbe avere uno strumento JS leggero (alla firebug) per Internet Explorer, qualcosa che posso installare in pochi secondi sul PC di un cliente se riscontro un errore e poi disinstallarlo.Alcuni strumenti Microsoft richiedono molto tempo per il download e la configurazione.

Qualche idea?

Answer 1

Potresti trovare Firebug Lite utile per quello.

Il suo bookmarklet dovrebbe essere particolarmente utile durante il debug sul computer di un utente.

Answer 2

A partire da Internet Explorer 8, IE è stato fornito con un set piuttosto impressionante di strumenti per il debugging, la profilazione e altro ancora di JavaScript.Come la maggior parte degli altri browser, gli strumenti per sviluppatori sono accessibili premendo F12 sulla tastiera.

Scheda Scritto

La scheda Script è probabilmente ciò che ti interesserà, sebbene anche le schede Console, Profiler e Rete siano molto utili durante il debug delle applicazioni.

Dalla scheda Script puoi:

• Formatta JavaScript per renderlo più leggibile
• Passa da una fonte all'altra delle varie risorse sulla pagina
• Inserisci punti di interruzione
• Muoviti dentro e sopra le righe di codice mentre ne procedi l'esecuzione
• Osserva le variabili
• Esaminare lo stack di chiamate per vedere come è stato eseguito il codice
• Attiva/disattiva i punti di interruzione
• e altro ancora...

Scheda Consolle

La scheda console è ottima quando è necessario eseguire del codice arbitrario sull'applicazione.Lo uso per verificare il ritorno di determinati metodi o anche per testare rapidamente soluzioni per risposte su Stack Overflow.

Scheda Profilo

Il profilo è fantastico se stai cercando processi a lunga esecuzione o stai cercando di ottimizzare il tuo codice per un'esecuzione più fluida o effettuare meno chiamate a metodi ad uso intensivo di risorse.Apri qualsiasi pagina e fai clic su "Avvia profilazione" dalla scheda Profiler per avviare la registrazione.

Mentre il profiler è in funzione, puoi spostarti nella pagina, eseguendo azioni comuni.Quando senti di aver registrato abbastanza, premi "Stop Profiting". Ti verrà quindi mostrato un riepilogo di tutte le funzioni o un albero di chiamata.Puoi ordinare rapidamente questi dati in varie colonne:

Scheda Rete

La scheda Rete registrerà il traffico sul tuo sito/applicazione.È molto utile per trovare file che non vengono scaricati, bloccati o per tenere traccia dei dati richiesti in modo asincrono.

All'interno di questa scheda puoi anche spostarti tra una vista Riepilogo e una vista Dettagliata.Nella vista Dettagliata puoi controllare le intestazioni inviate con richieste e risposte.Puoi visualizzare le informazioni sui cookie, controllare la tempistica degli eventi e altro ancora.

Non sto davvero rendendo giustizia agli Strumenti per sviluppatori di IE: c'è molto terreno scoperto.Ti incoraggio però a verificarli e a renderli parte del tuo sviluppo.

Answer 3

io raccomanderei Compagno JS.

Questa è la versione gratuita di Barra di debug ma lo trovo più facile da usare e ho le funzionalità di cui ho bisogno.Ottimo per testare piccoli snippet JavaScript in IE nello stesso modo in cui faccio con Firebug in Firefox.

EDIT 5 anni dopo:Ora utilizzo gli strumenti di sviluppo integrati di Internet Explorer.

Answer 4

Si suppone che IE 8 abbia strumenti migliori, ma la barra degli strumenti per sviluppatori di IE è piuttosto buona.

Answer 5

Li uso entrambi Debug di script Microsoft E FireBug Lite, a seconda di cosa sto eseguendo il debug.Entrambi sono ottimi strumenti: provali entrambi e abbina ciò con cui ti senti a tuo agio.

Answer 6

In IE8 basta premere F12!

Answer 7

1. Vai su Strumenti->Opzioni Internet...->Avanzate->Abilita debugging degli script (Internet Explorer)

quindi allegare Visual Studio Debugger quando si verifica un errore.

Se utilizzi IE 8, installa la barra degli strumenti per sviluppatori poiché dispone di un debugger integrato.