Internet Explorer中的JavaScript疑难解答工具

Question

我大量使用Firebug和Mozilla JS控制台，但我偶尔会遇到一个只有IE的JavaScript错误，这很难找到（例如：724行错误，当时源HTML只有200行。

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

有什么想法吗？

Answer 1

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

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

Answer 2

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

脚本标签

“脚本”选项卡可能是您感兴趣的内容，但在调试应用程序时，控制台，“事件探查器”和“网络”选项卡也会得到充分利用。

从“脚本”标签中，您可以：

• 格式化JavaScript以使其更具可读性
• 从页面上的各种资源的来源移动到
• 插入断点
• 在执行代码时移入和移动代码行
• 观看变量
• 检查调用堆栈以查看代码的执行方式
• 切换断点
• 以及......

控制台选项卡

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

Profiler选项卡

如果您正在寻找长时间运行的进程，或者尝试优化代码以更顺畅地运行或减少对资源密集型方法的调用，那么配置文件非常棒。打开任何页面，然后从“Profiler”选项卡中单击“开始分析”以开始录制。

当探查器工作时，您可以移动页面，执行常见操作。如果您觉得自己已经录制得足够多，请点击“停止分析”。然后，您将看到所有运行的函数或调用树的摘要。您可以通过各种列快速对此数据进行排序：

网络标签

网络标签会记录您网站/应用的流量。找到未下载，挂起或跟踪异步请求的数据的文件非常方便。

在此选项卡中，您还可以在摘要视图和详细视图之间移动。在详细视图中，您可以检查通过请求和响应发送的标头。您可以查看cookie信息，检查事件的时间等等。

我并没有真正做IE开发者工具的正义 - 有很多未被发现的基础。我会鼓励你检查它们，并让它们成为你发展的一部分。

Answer 3

我建议Companion JS。

这是Debug Bar的免费版本，但我发现它更易于使用并具备我需要的功能。非常适合在IE中测试小的JavaScript代码片段，就像我在Firefox中使用Firebug一样。

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

Answer 4

IE 8应该有更好的工具，但IE Developer Toolbar非常好。

Answer 5

我同时使用Microsoft Script Debugger和FireBug Lite，具体取决于我正在调试的内容。两者都是很棒的工具 - 尝试将它们放在外面，然后用你喜欢的东西进行测试。

Answer 6

在IE8中按F12！

Answer 7

1. 转到工具 - ＆gt; Internet选项... - ＆gt;高级 - ＆gt;启用脚本调试（Internet Explorer）

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

如果您使用的是IE 8，请安装开发人员工具栏，因为它具有内置调试程序。