Come faccio a discarica JavaScript vars in IE8?

Question

Ho un oggetto che ho bisogno di esaminare in IE8. Ho provato gli strumenti di sviluppo e console.log, la loro Firebug equivalente. Tuttavia, quando l'uscita io l'oggetto nel registro:

console.log("Element: ", element);
console.log(element);

ho solo la stringa

LOG: Element: [object Object]

al posto di un cliccabile, discarica ispezionabili.

E 'possibile scaricare un oggetto al registro ed esaminare i suoi membri, come in Firebug?

Non posso usare una funzione di discarica fatta in casa () perché l'elemento che voglio esaminare è così enorme il browser in crash su di me.

Answer 1

Ecco una tecnica che ho trovato utile:

• Aprire il Developer Tool Bar (colpo F12)
• Vai alla scheda "Script"
• Fare clic sul pulsante "Start Debugging"
• Avanti, digitare "debugger" nella console e premere invio. Questo dovrebbe far scattare un punto di interruzione.
• Vai alla scheda secondaria "Watch"
• Fare clic sulla riga che dice: "Fare clic per aggiungere ..." e inserire una variabile che desideri esaminare. Si noti che la variabile deve essere disponibile a livello globale.
• A questo punto si dovrebbe essere in grado di esaminare la variabile con albero-come UI
• Una volta che hai finito il debug clic pulsante Continua (o premere F5)

Answer 2

Un po 'fuori tema (in quanto non funziona per gli elementi DOM), ma ho trovato a portata di mano per utilizzare il JSON.stringify (oggetto ) per ottenere una stringa JSON per l'oggetto che è abbastanza leggibile.

Answer 3

@ Chris ha commentato @ risposta di Andy con la semplice soluzione: utilizzare console.dir(myObj) per ottenere tutti i dettagli stampati nella console in IE. Grazie Chris!

Answer 4

Se hai a che fare con il codice di brutto e console.log non è disponibile, provare questo nella console:

out = []; for (i in your_object) { out.push(i) } out.join("\n")

Answer 5

Un suggerimento è quello di utilizzare Firebug Lite-: Avvolge console obj e si può vedere il risultato in IE, come nella maggior parte del console Firebug. Spero che questo aiuto.

Answer 6

Aggiungi il tag nella tua pagina:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>

E le cose funzioneranno.

Il suo funzionamento sul mio sistema.

. Nota: Non provare questa soluzione

Answer 7

Una versione pittorica della risposta eccellente di Xavi:

Answer 8

So che questa è una domanda molto vecchio, ma ero alla ricerca di una risposta a questo solo ora. Se non è un requisito assoluto per utilizzare la console di IE (che non è molto buono, IMO), allora si potrebbe considerare l'utilizzo di Firebug Lite ( http://getfirebug.com/firebuglite ). Non è una soluzione perfetta, e non si può decidere di spingere quello script fuori per l'ambiente di produzione, e non è così piena funzionalità come Firebug, ma è abbastanza buono in un pizzico quando si ha a molto intorno con un browser di fascia bassa come IE.

Answer 9

Un po 'grosso, ma funziona per gli oggetti DOM:

 console.log( testNode.outerHTML.replace(testNode.innerHTML,"") ); 

Answer 10

Dump in una esistente HTML-elemento

Ho notato IE 11 è spogliarsi linee della console dopo 1027 caratteri: - / Quando ho avuto un grande oggetto per eseguire il dump (12.000 caratteri) ho scaricata in un oder DIV- esistente TextArea-elemento, da dove ho potuto copiare il contenuto.

var str = JSON.stringify(myObject);
$('#existing-element').text(str); // jQuery or
document.querySelector("#existing-element").innerHTML = str; // native JavaScript

Answer 11

console.log (element.toString ()) potrebbe essere tuo amico qui ...