Internet Explorer中的JavaScript故障排除工具

我大量使用Firebug和Mozilla JS控制台,但是偶尔偶尔会碰到一个纯IE浏览器的JavaScript错误,它很难找到(例如:第724行错误,当源html只有200行)。

我很想拥有一个适用于Internet Explorer的轻量级JS工具( la firebug),如果我遇到错误然后卸载,我可以在几秒钟内安装到客户端PC上。某些Microsoft工具需要一些严重的下载和配置时间。

有任何想法吗?

0
额外 编辑
意见: 3
额外 作者 Thejesh GN,
使用可作为小书签运行的工具: - Jash - Firebug Lite
额外 作者 ngn,
您是否考虑过 Firebug Lite
额外 作者 Lauren,
我认为IE的F12工作得很好
额外 作者 Ceylan Mumun Kocaba?,

6 答案

我会推荐 Companion JS

这是调试栏的免费版本,但我觉得它更易于使用,有我需要的功能。非常适合在IE中测试JavaScript小片段,就像我在Firefox中使用Firebug一样。

EDIT 5 years later: I now uses Internet Explorer integrated developer tools.

0
额外

您可能会发现 Firebug Lite 对此很有用。

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

0
额外

IE 8应该有更好的工具,但IE开发工具栏非常好。

0
额外

自Internet Explorer 8以来,IE一直在提供一组非常令人印象深刻的JavaScript调试,分析等工具。像大多数其他浏览器一样,可以通过按键盘上的F12访问开发人员工具。

脚本选项卡

The 脚本选项卡 is likely what you'll be interested in, though the Console, Profiler, and 网络选项卡s get plenty of use as well while debugging applications.

From the 脚本选项卡 you can:

  • 格式化JavaScript以使其更易读
  • 将网页上各种资源的来源移至
  • 插入断点
  • 在逐步执行
  • 的同时移动代码行
  • 观察变量
  • 检查调用堆栈以查看代码是如何执行的
  • 切换断点
  • 以及更多...

控制台标签

The 控制台标签 is great for when you need to execute some arbitrary code against the application. I use this to check the return of certain methods, or even to quickly test solutions for answers on Stack Overflow.

Profiler选项卡

The profile is awesome if you're looking for long-running processes, or trying to optimize your code to run smoother or make fewer calls to resource-intensive methods. Open up any page and click "Start profiling" from the Profiler选项卡 to start recording.

虽然探查工作时,您可以将有关页面,进行共同行动。当您觉得自己录制的内容足够多时,点击“停止分析”。然后,将显示所有功能的汇总跑,或调用树。您可以通过各种列快速排序这些数据:

网络选项卡

The 网络选项卡 will record traffic on your site/application. It's very handy for finding files that aren't being downloaded, hanging, or for tracking data that is being requested asynchronously.

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

我并没有真正做到IE开发者工具的正义 - 这里有很多未被发现的地方。我鼓励你检查它们,并让它们成为你的发展的一部分。

0
额外

在IE8中只需按F12!

0
额外
  1. Go to Tools->Internet Options?->Advanced->Enable Script Debugging (Internet Explorer)

然后在发生错误时附加Visual Studio Debugger。

如果您使用IE 8,请安装开发人员工具栏,因为它具有内置调试器。

0
额外