logo标签列表

是否有类似于“Firebug for IE”的工具（用于调试JavaScript）？

javascriptdebugginginternet-explorerfirebugjavascript-debugger
44

我正在尝试修复一些JavaScript错误。当在Firefox上工作时，Firebug可以更轻松地调试这些问题，但如果代码在Firefox上运行良好而IE报错，你该怎么办？

1
请参阅最近提出的类似问题IE中的Javascript故障排除工具。 - Patrick McElhaney
16个回答
23
IE开发者工具栏的更新链接：http://www.microsoft.com/downloads/en/details.aspx?FamilyID=95e06cbe-4940-4218-b75d-b8856fced535 - kg.
尽管这些工具可以说是IE的最佳选择，但与Firebug相比，它们仍然是垃圾。无法右键单击元素并检查其DOM和CSS使得所有这些工具几乎毫无价值。 - Cerin
13

你可以尝试使用Firebug Lite或者使用Visual Studio来调试JavaScript代码。

11

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

HTML选项卡

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

enter image description here

在HTML选项卡中还有更多功能，例如查看并修改元素上的属性，甚至从布局部分直接更改元素的布局。此外，您还可以直接更改标记以快速测试一些结构性想法。

脚本选项卡

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

脚本选项卡同样很棒，因为它会为您格式化JavaScript，允许您插入断点，逐个代码块执行并查看变量随时间的变化。

enter image description here

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

如果你使用过Firebug，那么你会更加讨厌Explorer。 - Jon
@Jon，F12开发者工具确实有很多不足之处，但是如果正确使用，它们还是相当强大的。IE11还配备了一套全新的工具，外观焕然一新，功能比以前更加强大。 - Sampson
取决于你想做什么。 动力并不是一切。 - Jon
IE11还未发布。我使用10，而且动态更改CSS非常糟糕。 - Jon
Ctrl+8 - 超级感谢。看起来是一个很棒的工具。只要CSS在其他浏览器中能够正常工作并且它们也遵循规则，那么可能是IE出了问题，但我可能错了。你为什么想要记录IE不工作的例子呢？ - Jon
显示剩余6条评论
6

Firebug Lite对我来说效果不太好。开发者工具栏也不够好用。实际上并没有很好的解决方案。

5
4
2
1
我认为最好先在Firefox中安装IE核心插件，然后使用IE插件加载页面并按F12。祝你好运。
1
在收藏夹栏中创建一个书签，将此地址作为URL：
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将/应该打开...

1

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

一旦进入 Visual Studio，您基本上可以使用其整个调试工具。它不像 Firebug 那样集成，但比我们以前使用的任何工具都要好得多。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接