2013-08-12 14 views
28

Spero di riuscire a stampare abbastanza oggetti array e simili nella Console di Chrome DevTools. C'è qualche mezzo per raggiungere questo obiettivo?Come stampare correttamente l'output del registro in Chrome DevTools Console?

Grazie!

+0

Che cosa si intende per 'abbastanza stampare'? Le cose che appaiono nella console vengono formattate per impostazione predefinita (colori di caratteri diversi per tipi diversi, possibilità di espandere oggetti e matrici, ecc.) –

+0

Ciao @KonradDzwinel, intendo l'output di prettifica in modo che sia più facilmente leggibile. Ma non sto parlando del pulsante prettify ({}) per i file sorgente. Ma intendo quando hai un array f.ex. e non voglio che venga stampato per consolarlo come array inline ma impilato. Grazie! –

+0

DevTools non ha impostazioni per modificare l'output della console predefinito. Tuttavia è possibile sovrascrivere 'console.log' con la propria funzione. Vedi la mia risposta qui: http://stackoverflow.com/questions/18178896/different-clickable-log-items-in-chorome-dev-tools-console –

risposta

35

Si potrebbe formattare i dati come JSON:

console.log(JSON.stringify({foo:1, bar:2}, null, 4)); 

{ 
    "foo": 1, 
    "bar": 2 
} 
5

Se siete ad un breakpoint, è possibile chiamare JSON.stringify() direttamente dalla console Chrome DevTools:

> JSON.stringify(anObject, null, 2); 
<- "{ 
    "field": "foo", 
    "array": [ 
     { 
     "element": 1 
     }, 
     { 
     "element": 2 
     } 
    ], 
    "object": { 
     "inner_field": "bar" 
    } 
    }" 
----------------------------- 
> 
Problemi correlati