Internet Explorer中的javascript故障排除工具

你可能会发现 Firebug Lite 这很有用。

它的书签在用户机器上调试时应该特别有用。

自从InternetExplorer8以来,IE已经提供了一套非常令人印象深刻的JavaScript调试、分析等工具。与大多数其他浏览器一样,通过按键盘上的F12可以访问开发人员工具。

脚本选项卡

“脚本”选项卡很可能是您感兴趣的内容,但是“控制台”、“探查器”和“网络”选项卡在调试应用程序时也得到了大量的使用。

在“脚本”选项卡中,您可以:

• 格式化javascript使其更具可读性
• 从页面上各种资源的源移动到源
• 插入断点
• 在单步执行代码的同时,在代码行上移动
• 监视变量
• 检查调用堆栈以查看代码是如何执行的
• 切换断点
• 还有更多…

控制台标签

当需要对应用程序执行任意代码时,控制台选项卡非常适合。我使用它来检查某些方法的返回,甚至可以快速测试解决方案,以获得堆栈溢出的答案。

剖析器标签

如果您正在寻找长时间运行的进程,或者试图优化代码以使其运行更平稳,或者对资源密集型方法的调用更少,那么这个概要文件就太棒了。打开任何页面,从探查器选项卡中单击“开始分析”开始记录。

当探查器工作时,您可以在页面上移动,执行常见的操作。当你觉得你已经录得足够多了,点击“停止分析”,你会看到所有运行函数的摘要,或者一个调用树。您可以按不同的列快速排序此数据:

网络选项卡

网络选项卡将记录站点/应用程序上的流量。它对于查找没有被下载、挂起的文件或跟踪异步请求的数据非常方便。

在此选项卡中,您还可以在摘要视图和详细视图之间移动。在详细视图中,您可以检查随请求和响应一起发送的头。您可以查看cookie信息、检查事件的时间安排等。

我不是真的在做IE开发工具的正义-有很多未被发现的地方。不过,我鼓励你去看看他们,让他们成为你发展的一部分。

我建议你 Companion JS .

这是免费版本的 Debug Bar 但是我发现它更容易使用,并且具有我需要的特性。像我在火狐中使用Firebug一样在IE中测试小的javascript代码片段非常好。

5年后编辑 :我现在使用Internet Explorer集成开发人员工具。

IE8应该有更好的工具,但是IEDeveloper工具栏相当不错。

我都用 Microsoft Script Debugger 和 FireBug Lite ,取决于我正在调试的内容。这两种工具都是很好的工具——试一下,坚持你喜欢的东西。

在IE8中,只需按F12!

1. 转到工具->Internet选项->高级->启用脚本调试(Internet Explorer)

然后在出现错误时附加Visual Studio调试器。

如果您使用的是IE8,请安装开发者工具栏,因为它有一个内置的调试器。