Comment afficher l'objet complet dans la console Chrome?
var functor=function(){
//test
}
functor.prop=1;
console.log(functor);
cela montre seulement la partie de la fonction du functeur, ne peut pas montrer les propriétés du functeur dans la console.
7 réponses
utilisez console.dir()
pour sortir un objet browse-able, Vous pouvez cliquer au lieu de la version .toString()
, comme ceci:
console.dir(functor);
affiche une représentation JavaScript de l'objet spécifié. Si l'objet enregistré est un élément HTML, alors les propriétés de sa représentation DOM sont imprimées. [1]
[1] https://developers.google.com/web/tools/chrome-devtools/debug/console/console-reference#dir
Vous pourriez obtenir de meilleurs résultats si vous essayez:
console.log(JSON.stringify(functor));
cela a fonctionné parfaitement pour moi:
for(a in array)console.log(array[a])
vous pouvez extraire n'importe quel tableau créé dans la console pour trouver / remplacer le nettoyage et l'utilisation postérieure de ces données extraites
Vous pourriez même obtenir de meilleurs résultats si vous essayez:
console.log(JSON.stringify(obj, null, 4));
var gandalf = {
"real name": "Gandalf",
"age (est)": 11000,
"race": "Maia",
"haveRetirementPlan": true,
"aliases": [
"Greyhame",
"Stormcrow",
"Mithrandir",
"Gandalf the Grey",
"Gandalf the White"
]
};
//to console log object, we cannot use console.log("Object gandalf: " + gandalf);
console.log("Object gandalf: ");
//this will show object gandalf ONLY in Google Chrome NOT in IE
console.log(gandalf);
//this will show object gandalf IN ALL BROWSERS!
console.log(JSON.stringify(gandalf));
//this will show object gandalf IN ALL BROWSERS! with beautiful indent
console.log(JSON.stringify(gandalf, null, 4));
j'ai écrit une fonction pour imprimer commodément des choses à la console.
// function for debugging stuff
function print(...x) {
console.log(JSON.stringify(x,null,4));
}
// how to call it
let obj = { a: 1, b: [2,3] };
print('hello',123,obj);
sortira en console:
[
"hello",
123,
{
"a": 1,
"b": [
2,
3
]
}
]