How to show full object in Chrome console?

前端 未结 9 1251
情话喂你
情话喂你 2020-11-28 02:04
var functor=function(){
    //test
}

functor.prop=1;

console.log(functor);

this only show the function part of the functor, cannot show the prope

相关标签:
9条回答
  • 2020-11-28 02:13

    With modern browsers, console.log(functor) works perfectly (behaves the same was a console.dir).

    0 讨论(0)
  • 2020-11-28 02:16

    I made a function of the Trident D'Gao answer.

    function print(obj) {
      console.log(JSON.stringify(obj, null, 4));
    }
    

    How to use it

    print(obj);
    
    0 讨论(0)
  • 2020-11-28 02:18

    Use console.dir() to output a browse-able object you can click through instead of the .toString() version, like this:

    console.dir(functor);
    

    Prints a JavaScript representation of the specified object. If the object being logged is an HTML element, then the properties of its DOM representation are printed [1]


    [1] https://developers.google.com/web/tools/chrome-devtools/debug/console/console-reference#dir

    0 讨论(0)
  • 2020-11-28 02:20

    this worked perfectly for me:

    for(a in array)console.log(array[a])
    

    you can extract any array created in console for find/replace cleanup and posterior usage of this data extracted

    0 讨论(0)
  • 2020-11-28 02:24
    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));
    
    0 讨论(0)
  • 2020-11-28 02:24

    I wrote a function to conveniently print things to the 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);
    

    will output in console:

    [
        "hello",
        123,
        {
            "a": 1,
            "b": [
                2,
                3
            ]
        }
    ]
    
    0 讨论(0)
提交回复
热议问题