在 Google Chrome Console 中查看所有 JavaScript 变量的列表

javascript google-chrome google-chrome-devtools

2022-08-30 00:06:42

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

有没有办法 - 或者至少是一个命令 - 让Chrome的控制台显示所有公共变量和对象的列表？它将节省大量打字时间。

答案 1

这是您要寻找的那种输出吗？

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

这将列出对象上所有可用的东西（所有函数和变量，例如，以及此页面上等）。不过，这是一个相当大的列表。不知道它有多大帮助...window$jQuery

否则，只需做并开始沿着它的树走下去：window

window

这将为您提供一个可扩展/可探索的对象。DOMWindow

答案 2

当脚本执行暂停时（例如，在断点上），您只需在“开发人员工具”窗口的右窗格中查看所有全局变量：