如何使用 Chrome 的开发人员工具查看 window 对象中定义了哪些变量?

How can I see what variables are defined in the window object with Chrome's developer tools?

我曾经有一个解决这个问题的简单方法:打开开发者工具控制台,开始输入一个或几个字母......然后 bam,chrome 会自动完成 window 中可用的任何变量名称(或调试时在 this 对象中)。我主要用它来查看是否定义了 jQuery 之类的东西。
最近,Chrome 的控制台有一个新的自动完成功能,可以自动完成以前输入的语句。我现在不能再使用我的旧工作流程来查找可用变量。

我发现通过先输入 window.(注意句号),你会得到自动完成的变量名列表,就像在旧版本的 Chrome 中一样,但它会还包括以前评估过的以那个开头的语句。

键入 window 然后按回车键将打印 window 对象;展开它会显示所有已定义的变量和成员,但我喜欢旧方法让您通过键入前几个起始字符轻松过滤的方式。

打开开发人员工具 (F12),转到设置 (F1)。在 "Console" 下,取消选中 "Autocomplete from history"。现在您将获得一个自动完成的变量名称列表,就像它在 Chrome.

的旧版本中一样

键入window然后按回车键,将打印window对象;展开它还将显示所有已定义的变量和成员。

Switch to the beta channel of Chrome.

我构建了一个名为 JS Digger 的 chrome 扩展,它允许您搜索 window 对象中定义的变量名称和值。

JS 挖掘机 Link:https://chrome.google.com/webstore/detail/js-digger/ndindkkcbpmfoinihohmhdhphgpiofbb?hl=en&authuser=3