在 Chrome 控制台的列表中显示所有对象方法？答案

【问题标题】：Show all object methods in a list in Chrome console?在 Chrome 控制台的列表中显示所有对象方法？
【发布时间】：2011-04-20 02:11:28
【问题描述】：

我真的很喜欢 Chrome 控制台，因为它为我自动完成所有对象方法。

但它一次只显示一个，我必须按 TAB 键才能进入下一个。

有没有办法显示所有自动完成对象方法的列表？

【问题讨论】：

【解决方案1】：

您可以循环并打印它们。这是window 的示例：

for(var i in window) if(window.hasOwnProperty(i)) console.log(i);

【讨论】：

【解决方案2】：

console.dir( someObject );

【讨论】：

这对我不起作用。自动完成显示了一个方法，该方法没有出现在 console.dir 中。另一个注意事项：将对象放入手表并展开手表，显示与 console.dir 类似的输出（再次缺少自动完成显示的方法）
@giwyni 你能分享一下细节吗？哪个对象和哪个方法？

【解决方案3】：

我注意到在 Chrome 的最新版本 (10+) 中，您只需输入对象名称，它就会为您构建对象树：

someObject;

【讨论】：

【解决方案4】：

你也可以使用 console.log(someObject);

Ben McCormack 的方法也很有效，您只需要在断点处暂停（在 Chrome DevTools > Sources 中）

【讨论】：

【解决方案5】：

使用 Object.getPrototypeOf

Object.getPrototypeOf(objectHere)
// or
console.dir(Object.getPrototypeOf(objectHere))

【讨论】：