在 IE 开发工具控制台中显示对象

发布于 10-09 10:00 字数 329 浏览 6 评论 0原文

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

我遇到的问题是,当我在 console 窗口中编写一些表达式并且它应该返回一个对象时,我所能看到的只是一个简单的 {...} ,它不是真的没什么帮助。

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

反正。是否可以使 IE 开发工具控制台显示对象属性及其值?

I'm debugging my web application in Firefox, Chrome and Internet Explorer. With the latter I'm using Developer Tools to debug my scripts.

The problem I'm having is that when I write some expression in console window and it should return an object all I can see is a simple {...} which isn't really helpful.

Is it possible to make it work similar to Firebug or Chrome console that actually display object content. Chrome is the best in this regard, because you can directly traverse the whole object as in Visual Studio.

Anyway. Is it possible to make IE Developer Tools console to display object properties and their values?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(8

故人爱我别走2024-10-16 10:00:17

我使用内置的 JSON 对象。

JSON.stringify(my_object)

I use the built in JSON object.

JSON.stringify(my_object)
灵芸2024-10-16 10:00:17

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

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

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

我们在 Microsoft 的“朋友”有 描述 IE 开发人员工具的视频。在 3:03 时,他们提到了这种探索物体的“简单”方法。

To explore an object's properties and values in IE you must first:

  • Have a breakpoint set (or script debugging enabled)
  • Trigger the breakpoint (or encounter an error)

The locals tab has the properties and details locally available at the time the breakpoint was triggered
Adding an object name to the watch tab you can view the properties and details of the named object

Our "friends" at Microsoft have a video describing IE's developer tool. At 3:03 is when they mention this "easy" way to explore objects.

帥小哥2024-10-16 10:00:17

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

Try console.dir(/*object*/); This should give you a little more detail in ie.

你另情深2024-10-16 10:00:17

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

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

:除此之外,我知道没有其他方法可以获得真正有用的 {...}

If the Prototype API is an option, you can debug your objects like so:

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

Other than that, I know of no other way to not get the really helpful {...}.

倾`听者〃2024-10-16 10:00:17

在控制台脚本窗口中尝试此操作:

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

Try this in the console script window:

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

For example,

for (var a in document.head){
    console.log("document.head["+a+"]="+document.head[a])
}
白鸥掠海2024-10-16 10:00:17

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

Here's a rather off-the-wall way to do it... run the object through JSON.stringify and display the results of that instead.

听你说爱我2024-10-16 10:00:17

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

Add the object to watch and you can see and analyze it completely from watch panel.

小红帽2024-10-16 10:00:17

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

What works for me and this may just be something they added recently but after you pull up the console log. Clear the log but leave the console open then refresh the page. As the page loads in, you should then be able to explore the objects. I am not sure why it needs to be done that way but it appears to work.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文