与Chrome开发工具中的Firebug DOM选项卡相同的是什么？

Question

我习惯使用DOM选项卡来检查Firebug中页面上存在的全局JS变量。 Chrome开发者工具中的相应内容是什么？

Answer 1

输入window，然后您会看到window对象，其中包含所有内容。

p.s：window是＆＃34;最顶级的＆＃34;普通网页中的对象。 （全球范围）自＆＃34; Chrome开发者工具＆＃34;特别提到，我们可以放心地假设window将永远是全球范围。

按Console，然后输入window。按enter，现在您可以看到全局变量列表，例如$（jQuery）和document。

Answer 2

是的，它被称为“属性”。

Answer 3

您可能正在寻找Chrome开发者工具中的Scripts标签。

此外，如果您点击Console标签，则可以实际输入window.。您将看到可从“窗口”（通常是全局）范围访问的大量项目列表。

在列表中找到您要查找的对象或变量后，您可以按Enter，Chrome会输出您输入的相关信息。

Answer 4

通过在脚本标签中的脚本第一行设置断点，您将在右侧边栏中的范围变量部分中看到所有全局变量。 Chrome开发工具不会显示没有断点的变量，但您仍然可以从控制台访问这些变量。

Answer 5

在Chrome控制台中执行以下操作：

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