25

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

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

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

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

4

8 回答 8

20

我使用内置的 JSON 对象。

JSON.stringify(my_object)
于 2013-01-23T20:47:50.700 回答
8

要在 IE 中探索对象的属性和值，您必须首先：

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

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

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

于 2012-01-25T22:07:29.860 回答
6

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

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

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

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

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

于 2010-12-29T09:53:48.240 回答
3

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

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])
}
于 2012-07-02T23:18:31.813 回答
1

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

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

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

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

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

于 2017-06-08T16:34:56.573 回答