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

Question

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

我遇到的问题是，当我在控制台窗口中编写一些表达式并且它应该返回一个对象时，我所看到的只是一个{...}没有真正帮助的简单对象。

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

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

score 20 · Accepted Answer

20

我使用内置的 JSON 对象。

JSON.stringify(my_object)

于 2013-01-23T20:47:50.700 回答

score 8 · Accepted Answer

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

我们在微软的“朋友”有一段描述 IE 开发者工具的视频。在 3:03 时，他们提到了这种探索物体的“简单”方式。

score 6 · Accepted Answer

6

试试console.dir(/*object*/);这应该会给你更多的细节。

于 2012-07-11T22:51:34.077 回答

score 4 · Accepted Answer

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

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

除此之外，我知道没有其他方法可以得到真正的帮助 {...}。

score 3 · Accepted Answer

在控制台脚本窗口中试试这个：

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])
}

score 1 · Accepted Answer

1

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

于 2014-06-06T20:48:50.820 回答

score 0 · Accepted Answer

0

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

于 2014-01-07T11:01:03.257 回答

score 0 · Accepted Answer

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

8 回答 8