javascript - Internet Explorer 中的 JavaScript 故障排除工具

Question

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

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

有任何想法吗？

score 29 · Accepted Answer

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

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

score 19 · Accepted Answer

从 Internet Explorer 8 开始，IE 就提供了一组令人印象深刻的 JavaScript 调试、分析等工具。与大多数其他浏览器一样，可以通过按键盘上的 F12 访问开发人员工具。

脚本选项卡可能是您感兴趣的，尽管控制台、分析器和网络选项卡在调试应用程序时也有很多用途。

在此处输入图像描述

在脚本选项卡中，您可以：

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

在此处输入图像描述

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

在分析器工作时，您可以在页面上移动，执行常见操作。当你觉得你已经记录了足够多时，点击“停止分析”。然后，您将看到所有已运行函数的摘要或调用树。您可以按各种列快速对该数据进行排序：

在此处输入图像描述

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

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

在此处输入图像描述

我并没有真正做到 IE 开发者工具正义 - 有很多未被发现的地方。不过，我鼓励您检查它们，并使它们成为您开发的一部分。

score 5 · Accepted Answer

我会推荐Companion JS。

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

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

score 4 · Accepted Answer

4

IE 8 应该有更好的工具，但是 IE Developer Toolbar 还是不错的。

于 2008-08-06T13:58:57.167 回答

score 3 · Accepted Answer

我同时使用Microsoft Script Debugger和FireBug Lite，这取决于我正在调试的内容。两者都是很棒的工具 - 尝试它们并使用您喜欢的东西。

score 2 · Accepted Answer

2

在 IE8 中只需按 F12！

于 2010-02-15T16:53:53.453 回答

score 1 · Accepted Answer

然后在发生错误时附加 Visual Studio 调试器。

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

7 回答 7