C’è qualcosa come “Firebug for IE” (per il debug di JavaScript)?

Sto cercando di correggere alcuni bug JavaScript. Firebug rende il debug di questi problemi molto più semplice quando si lavora in Firefox, ma cosa si fa quando il codice funziona bene su Firefox, ma IE si lamenta?

puoi anche controllare la barra degli sviluppatori di IE che non è un debugger ma ti aiuterà ad analizzare il contenuto del tuo codice.

Visual Studio ti aiuterà nel debugging

Fiddler dovrebbe aiutare ad analizzare il traffico che viaggia da e verso il tuo browser

Puoi provare Firebug Lite o utilizzare Visual Studio per eseguire il debug di JavaScript.

Dal momento che Internet Explorer 8, IE è stato fornito con un set di strumenti integrato per il debug, la risoluzione dei problemi e, in generale, per lo sviluppo di pagine / applicazioni. È ansible accedere a questi strumenti premendo F12 mentre si è nel browser.

Scheda HTML

La scheda HTML ti permetterà di sbirciare nel DOM come il browser lo capisce. Mentre selezioni gli elementi dalla vista HTML, i loro stili saranno dettagliati a destra, con le singole regole che possono essere triggerste e distriggerste. È inoltre ansible modificare le regole e determinare se gli stili sull’elemento sono stati ereditati o assegnati in modo esplicito. Inoltre, puoi anche sapere da quale file .css provengono.

inserisci la descrizione dell'immagine qui

C’è un po ‘di più che puoi fare nella scheda HTML, come rivedere e modificare gli attributi sugli elementi e persino apportare modifiche al layout dell’elemento all’interno della sezione di layout. Inoltre, puoi apportare modifiche direttamente al markup per testare rapidamente alcune idee strutturali.

Script Tab

Per risolvere i problemi di JavaScript, puoi guardare la Console e il Tag dello Script. Se il tuo script si imbatte in una chiamata a un metodo non definito, sarai avvisato all’interno della tua console. La console consente inoltre di eseguire JavaScript arbitrario sulla pagina, se si desidera triggersre o distriggersre gli elementi o provare a associare un gestore a un pulsante.

La scheda Script è ottima così come formatta il tuo JavaScript per te, ti consente di inserire punti di interruzione, passaggi e blocchi di codice e di guardare le variabili nel tempo.

inserisci la descrizione dell'immagine qui

Se hai utilizzato Firebug o anche l’ispettore Webkit, gli Strumenti per sviluppatori F12 in Internet Explorer 8+ dovrebbero essere abbastanza familiari per te.

Firebug lite non funziona troppo bene per me. La barra degli strumenti per sviluppatori non è abbastanza buona. Non c’è davvero una grande soluzione.

O barra degli strumenti di sviluppo IE

Dai un’occhiata a DebugBar . La licenza è gratuita per uso personale

Per DOM Inspector, prova la barra degli strumenti di sviluppo di Internet Explorer .

Per la scheda Rete, prova Fiddler .

Per il debug di Javascript, prova Visual Web Developer 2008 Express Edition . (O una versione superiore di Visual Studio)

Inoltre, prova DebugBar .

Visual Studio 2008 può eseguire il debug di JavaScript, devi accedere a IE Strumenti-> Opzioni Internet-> Avanzate e deselezionare ‘Disabilita debugging di script (Internet Explorer)’ in modo che il browser risponda agli errori rilevati.

Una volta che sei in Visual Studio hai fondamentalmente a disposizione l’intero arsenale di debug. Non è integrato come Firebug, ma è molto meglio di qualsiasi cosa avessimo.

Penso che sia meglio installare prima il componente aggiuntivo core in firefox, quindi caricare la pagina con ie addon e premere f12. in bocca al lupo.

Crea un segnalibro nella barra dei preferiti e inserisci questo indirizzo come URL:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened'); 

Quindi naviga verso la pagina desiderata e fai clic sul link. Firebug Lite / dovrebbe aprirsi …

La beta IE8 viene fornita con quella che penso sia la barra degli strumenti di IE Developer, ma sembra essere molto più potente dell’ultima volta che ho provato la toolbar su IE7

Immagino che questa domanda sia stata postata prima dell’uscita della finale IE8, secondo alcune delle risposte.

Al giorno d’oggi, gli strumenti di sviluppo integrati di IE8 sono fantastici; e mentre il debugging JS non è utile come Visual Studio, in generale gli strumenti Dev sono molto meglio di Firebug secondo me. Tra questo e la modalità Browser di Visualizzazione Compatibilità posso gestire tutte le mie esigenze di sviluppo di IE6.

Ho trovato una soluzione a questo problema, si potrebbe semplicemente attaccare questo tag alla pagina che si sta tentando di eseguire il debug e si aprirà firebug:

  

Spiegazione da https://getfirebug.com/firebuglite#Stable

Se sei un serio sviluppatore front-end, dai alla AJAX Edition un test di prova:

http://www.compuware.com/application-performance-management/ajax-performance-testing.html

È uno strumento gratuito che consente agli utenti di capire cosa sta causando problemi di prestazioni e funzionali nelle moderne applicazioni AJAX / web.

In IE, vai a MenuBar-> Strumenti Seleziona Strumenti debugger Hit F12 e divertiti. È lontano da Fire Bug, ma adatto per un aiuto rapido

C’è sempre un modo per aggirare questo problema, guardare il video e sarai in grado di installare firebug in 2 minuti.

installare firebug su ie

In bocca al lupo