Chrome 开发工具中的 Firebug DOM 选项卡相当于什么？答案

【问题标题】：What is the equivalent to Firebug DOM tab in Chrome Dev tools?Chrome 开发工具中的 Firebug DOM 选项卡相当于什么？
【发布时间】：2012-04-01 16:38:11
【问题描述】：

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

【问题讨论】：

标签： javascript google-chrome firebug google-chrome-devtools

【解决方案1】：

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

ps：window 是普通网页中的“最顶层”对象。（全局范围）由于特别提到了“Chrome 开发者工具”，我们可以放心地假设window 将始终是全局范围。

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

【讨论】：

p.s 2：您无需在开发工具中设置断点即可查看全局变量。
1. window 并不总是全局 JS 对象。在工作人员或检查 node.js 应用程序时全局！= 窗口 2。我写了你也可以从控制台访问它。
@Mohsen，在你的图片中Global旁边写着DOMWindow，表示正常情况下，全局===窗口。
感谢您的提示，我想真正的答案是没有这样的标签。

【解决方案2】：

您可能正在 Chrome 开发工具中寻找 Scripts 选项卡。

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：

对我有更多帮助
截图显示了所选DOM节点的属性，而不是全局变量。那不是一回事。

【解决方案5】：

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

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

【讨论】：