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

Question

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

我是通过输入window.发现的window. 首先（注意句号），您将获得自动完成的变量名称列表，就像它在旧版 Chrome 中的情况一样，但它还将包括以前评估的语句，以该名称开头。

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

Answer 1

切换到 Chrome 的 beta 频道。

Answer 2

打开开发人员工具 ( F12 )，转到设置 ( F1 )。 在“控制台”下，取消选中“从历史记录自动完成”。 现在，您将获得自动完成的变量名称列表，就像在旧版 Chrome 中一样。

输入window然后回车，将打印 window 对象； 展开它还会显示所有定义的变量和成员。

Answer 3

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

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