有没有类似“Firebug for IE”（用于调试 JavaScript）的东西？答案

【问题标题】：Is there something like "Firebug for IE" (for debugging JavaScript)?有没有类似“Firebug for IE”（用于调试 JavaScript）的东西？
【发布时间】：2010-09-05 17:16:38
【问题描述】：

我正在尝试修复一些 JavaScript 错误。 Firebug 让在 Firefox 中调试这些问题变得更加容易，但是当代码在 Firefox 上运行良好但 IE 报错时，你会怎么做？

【问题讨论】：

另见Javascript Troubleshooting Tools In IE，这是最近提出的一个类似问题。

标签： javascript debugging internet-explorer firebug javascript-debugger

【解决方案1】：

您还可以查看IE Developer Toolbar，它不是调试器，但可以帮助您分析代码的内容。

Visual Studio 将帮助调试

Fiddler 应该有助于分析进出浏览器的流量

【讨论】：

IE 开发者工具栏的更新链接：microsoft.com/downloads/en/…
尽管这些可以说是 IE 的最佳工具，但与 Firebug 相比，它们仍然是垃圾。无法右键单击一个元素并单独检查它的 DOM 和 CSS，这使得所有这些工具几乎毫无价值。

【解决方案2】：

您可以尝试Firebug Lite 或使用 Visual Studio 调试 JavaScript。

【讨论】：

【解决方案3】：

自 Internet Explorer 8 以来，IE 一直带有内置工具集，用于调试、故障排除和帮助开发您的页面/应用程序。您可以在浏览器中按 F12 访问这些工具。

HTML 标签

HTML 选项卡可让您以浏览器理解的方式查看 DOM。当您从 HTML 视图中选择元素时，它们的样式将在右侧详细说明，并且可以打开和关闭各个规则。您还可以修改规则，并确定元素上的样式是继承的，还是显式分配的。此外，您甚至可以分辨出它们来自哪个 .css 文件。

您可以在 HTML 选项卡中执行更多操作，例如查看和修改元素的属性，甚至可以从布局部分更改元素的布局。此外，您可以直接对标记进行更改，以快速测试一些结构性想法。

脚本选项卡

要解决 JavaScript 问题，您可以查看控制台和脚本标记。如果您的脚本偶然发现对未定义方法的调用，您将在控制台中收到警报。如果您想打开或关闭项目，或者尝试将处理程序绑定到按钮，控制台还允许您对页面运行任意 JavaScript。

“脚本”选项卡非常棒，它可以为您设置 JavaScript 格式，允许您插入断点、单步执行代码块，以及观察一段时间内的变量。

如果您使用过 Firebug，甚至是 Webkit Inspector，那么您应该对 Internet Explorer 8+ 中的 F12 开发人员工具非常熟悉。

【讨论】：

如果你用过firebug你会更讨厌explorer
@Jon F12 开发者工具确实有很多不足之处，但如果使用得当，它们还是相当强大的。 IE11 还附带了一套全新的工具，它们既美观又比以前更强大。
取决于您要执行的操作。权力不是一切
@Jon 您在尝试使用 IE11 开发人员工具时遇到什么困难？
IE11 尚未生产。我用的是 10，而且动态的 css 变化是绝对可怕的

【解决方案4】：

Firebug lite 对我来说不太好用。开发者工具栏还不够好。确实没有什么好的解决办法。

【讨论】：

【解决方案5】：

或IE Developer Toolbar

【讨论】：

【解决方案6】：

看看DebugBar。许可证免费供个人使用

【讨论】：

【解决方案7】：

对于 DOM Inspector，请尝试 Internet Explorer Developer Toolbar。

对于“网络”选项卡，请尝试 Fiddler。

对于 Javascript 调试，请尝试 Visual Web Developer 2008 Express Edition。（或更高版本的 Visual Studio）

另外，试试DebugBar。

【讨论】：

【解决方案8】：

Visual Studio 2008 可以进行 JavaScript 调试，您必须转到 IE 的工具->Internet 选项->高级并取消选中“禁用脚本调试（Internet Explorer）”，以便浏览器冒泡它检测到的错误。

进入 Visual Studio 后，您基本上可以随意使用它的整个调试工具。它不像 Firebug 那样集成，但它比我们以前拥有的任何东西都要好。

【讨论】：

【解决方案9】：

我认为最好先在firefox中安装ie核心插件，然后用ie插件加载页面并按f12。祝你好运。

【讨论】：

【解决方案10】：

在收藏栏中做一个书签，并把这个地址作为网址：

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

然后导航到您想要的页面并单击链接。 Firebug Lite 将/应该打开...

【讨论】：

【解决方案11】：

IE8 beta 附带了我认为是 IE Developer 工具栏，但它似乎比我上次在 IE7 上尝试的工具栏强大得多

【讨论】：

【解决方案12】：

根据一些答案，我猜这个问题是在 IE8 决赛出来之前发布的。

如今，IE8 的内置开发者工具非常棒；虽然 JS 调试不如 Visual Studio 有用，但我认为开发工具通常比 Firebug 好得多。在此和兼容性视图浏览器模式之间，我可以处理我所有的 IE6 开发需求。

【讨论】：

不，我完全不同意，因为兼容模式不起作用。在工作中，我们尝试使用将兼容模式设置为 IE8 的 IE9，但对于我们正在处理的最重要方面而言，它不会像 IE8 那样运行。我不认为开发者工具比 Firebug 更好，但它是不同的。

【解决方案13】：

我找到了解决这个问题的方法，你可以简单地把这个标签贴到你要调试的页面上，它会打开 firebug：

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

来自https://getfirebug.com/firebuglite#Stable的解释

【讨论】：

【解决方案14】：

如果你是一个认真的前端开发者，给 AJAX 版试一试吧：

http://www.compuware.com/application-performance-management/ajax-performance-testing.html

它是一个免费工具，可让用户了解在现代 AJAX/Web 应用程序中导致性能和功能相关问题的原因。

【讨论】：

【解决方案15】：

在 IE 中，转到 MenuBar->Tools 选择调试器工具按 F12 并享受。它与 Fire Bug 相去甚远，但适合一些快速帮助

【讨论】：

【解决方案16】：

总有办法解决这个问题，观看视频，您将能够在 2 分钟内安装 firebug。

install firebug on ie

祝你好运

【讨论】：

请注意，不鼓励仅链接的答案，因此答案应该是搜索解决方案的终点（相对于另一个参考中途停留，随着时间的推移往往会变得陈旧）。请考虑在此处添加独立的概要，并保留链接作为参考。