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

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

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

当前回答

窗口对象包含所有公共变量，因此您可以在控制台中键入它，然后展开以查看所有变量/属性/函数。

其他回答

这就是你想要的输出吗?

for(var b in window) { 
  if(window.hasOwnProperty(b)) console.log(b); 
}

这将列出窗口对象中所有可用的内容(所有函数和变量，例如，本页上的$和jQuery等)。虽然，这是一个相当长的列表;不知道它有多大帮助…

否则就只做window，然后从树往下看

window

这将给你一个DOMWindow，一个可扩展/可探索的对象。

窗口对象包含所有公共变量，因此您可以在控制台中键入它，然后展开以查看所有变量/属性/函数。

我停止使用这个来调试:

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

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

在javascript控制台中输入以下语句:

debugger

现在可以使用正常的调试工具检查全局作用域。

公平地说，您将获得窗口范围内的所有内容，包括浏览器内置，因此这可能是一种大海捞针的体验。：/

试试这个简单的命令:

console.log(window)

推荐文章