如何在 IE8 中转储 JavaScript 变量？

Question

我有一个需要在 IE8 中检查的对象。 我尝试了开发人员工具和console.log（它们的Firebug 等效工具）。 但是，当我将对象输出到日志时：

console.log("Element: ", element);
console.log(element);

我只得到字符串

LOG: Element: [object Object]

，而不是可点击、可检查的转储。

是否可以将对象转储到日志并检查其成员，就像在 Firebug 中一样？

我无法使用自制的 dump() 函数，因为我要检查的元素太大，浏览器会崩溃。

Answer 1

这是我发现有用的一项技术：

• 打开开发人员工具栏（按 F12）
• 转到“脚本”选项卡
• 单击“开始调试”按钮
• 接下来，在控制台中键入“debugger”并按 Enter 键。这应该会触发一个断点。
• 转到“监视”子选项卡，
• 单击显示“单击以添加...”的行，然后输入您要检查的变量。请注意，该变量必须是全局可用的。
• 此时，您应该能够使用树状 UI 检查变量
• 一旦完成调试，请单击“继续”按钮（或按 F5）

Answer 2

有点偏离主题（因为它不适用于 DOM 元素），但我发现使用 JSON.stringify(object) 获取对象的 JSON 字符串，该字符串非常可读。

Answer 3

@Chris 用简单的解决方案评论了 @Andy 的答案：使用 console.dir(myObj) 在 IE 的控制台中打印出所有详细信息。谢谢克里斯！

Answer 4

如果您正在处理令人讨厌的代码并且 console.log 不可用，请在控制台中尝试以下操作：

out = []; for (i in your_object) { out.push(i) } out.join("\n")

Answer 5

一种建议是使用 Firebug-Lite：
它包装了控制台 obj，您可以像大多数 Firebug 控制台一样在 IE 中看到结果。
希望这有帮助。

Answer 6

在您的页面中添加此标签：

<script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>

事情会成功的。

它在我的系统上运行。

注意：请尝试此解决方案。

Answer 7

哈维出色答案的图解版本：

Answer 8

我知道这是一个非常老的问题，但我刚才正在寻找答案。如果不是绝对要求使用 IE 控制台（这不是很好，IMO），那么您可以考虑使用 Firebug Lite (http://getfirebug.com/firebuglite）。这不是一个完美的解决方案，您可能不想将该脚本推送到您的生产环境中，并且它的功能不如 Firebug 那样齐全，但是当您必须使用像这样的低端浏览器时，它在紧要关头非常好IE。

Answer 9

有点笨重，但它适用于 DOM 对象：

 console.log( testNode.outerHTML.replace(testNode.innerHTML,"") ); 

Answer 10

将其转储到现有的 HMTL-Element

我注意到 IE 11 在 1027 个字符后剥离控制台行：-/
当我有一个大对象要转储（12,000 个字符）时，我将其转储到现有的 DIV-oder TextArea-Element 中，从那里我可以复制内容。

var str = JSON.stringify(myObject);
$('#existing-element').text(str); // jQuery or
document.querySelector("#existing-element").innerHTML = str; // native JavaScript

Answer 11

console.log(element.toString()) 可能是你的朋友......