在IE Developer Tools控制台中显示对象

Question

我在Firefox，Chrome和Internet Explorer中调试我的网络应用程序。对于后者，我使用开发人员工具来调试我的脚本。

我遇到的问题是，当我在 console 窗口中编写一些表达式并且应该返回一个对象时，我只能看到一个简单的{...}，这对我来说并不是很有帮助

是否可以使其与实际显示对象内容的Firebug或Chrome控制台类似。 Chrome在这方面是最好的，因为您可以像在Visual Studio中一样直接遍历整个对象。

反正。是否可以使IE Developer Tools控制台显示对象属性及其值？

Answer 1

我使用内置的JSON对象。

JSON.stringify(my_object)

Answer 2

To explore an object's properties and values in IE你必须先：

• 设置断点（或启用脚本调试）
• 触发断点（或遇到错误）

locals 标签在触发断点时具有本地可用的属性和详细信息 将对象名称添加到 监视选项卡，您可以查看命名对象的属性和详细信息

我们在微软的“朋友”有a video describing IE's developer tool。 3点03分是他们提到探索物体的“简单”方式。

Answer 3

尝试console.dir(/*object*/);这应该会为您提供更多细节，例如

Answer 4

如果Prototype API是一个选项，您可以像这样调试对象：

var obj = window.JSON.parse('{"d":"2010-01-01T12:34:56Z","i":123}');
alert($H(obj).inspect());

除此之外，我知道没有其他办法可以不让真正有用 {...}。

Answer 5

在控制台脚本窗口中尝试：

for (var a in object) {
    console.log("object["+a+"]="+object[a])
}

例如，

for (var a in document.head){
    console.log("document.head["+a+"]="+document.head[a])
}

Answer 6

这是一种相当不经常的方法...通过JSON.stringify运行对象并显示其结果。

Answer 7

添加要观看的对象，您可以从监视面板中完整地查看和分析它。

Answer 8

什么对我有用，这可能只是他们最近添加的内容，但是在你拉出控制台日志之后。清除日志但保持控制台处于打开状态，然后刷新页面。当页面加载时，您应该能够探索对象。我不确定为什么需要这样做，但似乎有效。