Javascript Chrome开发工具中Firebug DOM选项卡的等价物是什么？

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

键入

窗口

，然后您将看到

窗口

对象及其内部的所有内容

p、 s:

窗口

是普通网页中“最顶端”的对象。（全局范围）由于特别提到了“Chrome开发者工具”，我们可以安全地假设

window

将始终是全局范围

---

按

控制台

，然后进入

窗口

。按

enter

，现在您可以看到全局变量列表，例如

$

（jQuery）和

document

，您可能正在Chrome开发工具中查找

脚本

选项卡

此外，如果您单击

控制台

选项卡，您实际上可以输入

窗口。

。您将看到一个大的项目列表，这些项目都可以从“窗口”（通常是全局）范围访问

---

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

通过在脚本的第一行设置断点，您将在右侧栏的范围变量部分看到所有全局变量。ChromeDev工具不会显示没有断点的变量，但您仍然可以从控制台访问这些变量。 是的，它被称为“属性”

---

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

for（窗口中的变量）{
if（window.hasOwnProperty（变量））{
console.log（变量）；
}
}

p.s 2：您不需要在开发工具中设置断点来查看全局变量。1<代码>窗口并不总是全局JS对象。在workers中或在检查node.js应用程序全局时！=窗口2。我写过你也可以从控制台访问它。@Mohsen，在你的图片中

Global

旁边，它写着

DOMWindow

，这意味着在正常情况下，Global==window。谢谢你的提示，我想真正的答案是没有这样的选项卡。因此对方法更有用屏幕截图显示了所选DOM节点的属性，不是全局变量。这不是一回事。