查看谷歌Chrome控制台中所有JavaScript变量的列表

在Firebug中，DOM选项卡显示了所有公共变量和对象的列表。在Chrome的控制台中，你必须输入你想要浏览的公共变量或对象的名称。

有没有一种方法——或者至少是一个命令——让Chrome的控制台显示所有公共变量和对象的列表?这将节省大量的打字。

当前回答

你可能想尝试这个Firebug lite扩展Chrome。

其他回答

我停止使用这个来调试:

for (aProperty in window) {
    try{
        console.log(aProperty +':'+JSON.stringify(window[aProperty]));
    }catch{}
}

try用于避免TypeError:将循环结构转换为JSON 然后另存为…控制台输出到文件中并进行进一步操作。

输入:在控制台，

获取窗口对象，我认为(?)，我认为这基本上与在控制台中输入window是一样的。

它至少在Firefox和chrome上工作。

列出变量及其值

for(var b in window) { if(window.hasOwnProperty(b)) console.log(b+" = "+window[b]); }

显示特定变量对象的值

console.log(JSON.stringify(content_of_some_variable_object))

来源:来自@north -bradley的评论和来自@nick- cravver的回答

要查看chrome中的任何变量，请转到“来源”，然后“观看”并添加它。如果你在这里添加“window”变量，那么你可以展开它并进行探索。

推荐文章