有没有像“Firebug for IE”(用于调试JavaScript)?

时间:2008-08-12 00:02:42

标签: debugging internet-explorer firebug

我正在尝试修复一些JavaScript错误。在Firefox中工作时,Firebug可以更轻松地调试这些问题,但是当代码在Firefox上工作正常但IE正在抱怨时,你会怎么做?

15 个答案:

答案 0 :(得分:23)

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

Visual Studio将有助于调试

Fiddler应该有助于分析往返浏览器的流量

答案 1 :(得分:13)

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

答案 2 :(得分:11)

自Internet Explorer 8以来,IE一直提供内置工具集,用于调试,故障排除,并且通常有助于开发页面/应用程序。您可以在浏览器中按F12来访问这些工具。

HTML标签

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

enter image description here

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

脚本标签

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

“脚本”选项卡非常棒,它将为您格式化JavaScript,允许您插入断点,逐步执行代码块,以及随时间观察变量。

enter image description here

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

答案 3 :(得分:6)

Firebug lite对我来说效果不佳。开发人员工具栏不够好。确实没有很好的解决方案。

答案 4 :(得分:5)

答案 5 :(得分:4)

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

答案 6 :(得分:2)

对于DOM Inspector,请尝试Internet Explorer Developer Toolbar

对于“网络”标签,请尝试Fiddler

对于Javascript调试,请尝试Visual Web Developer 2008 Express Edition。 (或更高版本的Visual Studio)

另外,请尝试DebugBar

答案 7 :(得分:1)

在收藏夹栏中创建书签,并将此地址作为网址:

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会/应该打开......

答案 8 :(得分:1)

我认为你首先在firefox中安装ie core插件然后用插件加载页面然后按f12更好。 祝你好运。

答案 9 :(得分:1)

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

一旦你进入Visual Studio,你基本上就可以使用它的整个调试工具了。它不像Firebug那样集成,但它比我们以前的任何东西都要好。

答案 10 :(得分:0)

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

目前,IE8的内置开发者工具非常棒;虽然JS调试没有Visual Studio那么有用,但在我看来,Dev Tools总体上比Firebug好得多。在它和兼容性视图浏览器模式之间,我可以处理我所有的IE6开发需求。

答案 11 :(得分:0)

总是有办法解决这个问题,看视频,你就可以在2分钟内安装萤火虫。

install firebug on ie

祝你好运

答案 12 :(得分:0)

如果您是一位认真的前端开发人员,请为AJAX Edition提供测试运行:

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

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

答案 13 :(得分:0)

在IE中,转到MenuBar->工具 选择Debugger Tools 点击F12并享受。 它远离Fire Bug,但适合一些快速帮助

答案 14 :(得分:0)

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