控制台。在firebug或google-chrome web-inspector中的Dir(指向链接页面的底部)将输出一个对象属性的交互式列表。

再看看这个Stack-O的答案

我用了第一个答案，但我觉得里面少了一个递归。

结果是:

function dump(obj) {
    var out = '';
    for (var i in obj) {
        if(typeof obj[i] === 'object'){
            dump(obj[i]);
        }else{
            out += i + ": " + obj[i] + "\n";
        }
    }

    var pre = document.createElement('pre');
    pre.innerHTML = out;
    document.body.appendChild(pre);
}

console.log(OBJECT|ARRAY|STRING|...);
console.info(OBJECT|ARRAY|STRING|...);
console.debug(OBJECT|ARRAY|STRING|...);
console.warn(OBJECT|ARRAY|STRING|...);
console.assert(Condition, 'Message if false');

这些应该在谷歌Chrome和Mozilla Firefox上正常工作(如果你使用的是旧版本的Firefox，那么你必须安装Firebug插件) 在ie8或更高版本上，您必须执行以下操作:

启动“开发人员工具”，点击F12按钮 在标签列表中，点击“脚本”标签 点击右边的“控制台”按钮

欲了解更多信息，请访问此URL: https://developer.chrome.com/devtools/docs/console-api

您希望以JSON形式看到整个对象(对象和变量的所有嵌套层)。JSON代表JavaScript对象表示法，打印出对象的JSON字符串相当于var_dump(以获得JavaScript对象的字符串表示)。幸运的是，JSON很容易在代码中使用，而且JSON数据格式也很适合人类阅读。

例子:

var objectInStringFormat = JSON.stringify(someObject);
alert(objectInStringFormat);

你可以将此用于字符串和对象/数组

function print_r(obj){
   return JSON.stringify(obj, null, "\t"); 
}

可以使用console.debug(object)来实现这一点再简单不过了。如果你以此为生，这个技巧将为你每年节省数百个小时