logo标签列表

在Internet Explorer中的JavaScript故障排除工具

javascriptinternet-explorerdebugging
44

我经常使用Firebug和Mozilla JS控制台，但时不时会遇到只在IE浏览器上出现的JavaScript错误，这些错误很难定位（例如：当源代码只有200行时，在第724行出现错误）。

我希望有一个轻量级的JS工具（类似于Firebug）适用于Internet Explorer，如果我遇到错误，可以在客户端电脑上安装并快速卸载。一些微软工具需要花费较长时间进行下载和配置。

有什么好的建议吗？

1
你考虑过Firebug Lite吗？ - Lauren
这里有一个 Microsoft Script Debugger。 - Thejesh GN
使用可以作为书签工具运行的工具：- [Jash]（http://www.billyreisinger.com/jash/） - [Firebug Lite]（http://getfirebug.com/lite.html） - ngn
我认为IE的F12工具相当不错。 - Ceylan Mumun Kocabaş
7个回答
30
你可能会发现 Firebug Lite 在这方面很有用。
当在用户的机器上进行调试时，它的书签脚本特别有用。
Firebug不再作为独立实体存在，它已成为Firefox开发工具的一部分。该链接现在重定向到他们的主页，建议使用Firefox。 - Ashley Wilson
20

自从IE8以来，IE就提供了一套非常强大的JavaScript调试、剖析等工具。和其他浏览器一样，按下键盘上的F12键即可打开开发者工具。

脚本选项卡

脚本选项卡可能是你最感兴趣的，不过在调试应用程序时控制台、剖析器、网络选项卡也很有用。

enter image description here

从脚本选项卡，你可以：

  • 格式化JavaScript，使其更易读
  • 移动到页面中各种资源的源代码
  • 插入断点
  • 逐行执行代码并向前/向内运行
  • 监视变量
  • 检查呼叫堆栈，了解代码的执行过程
  • 切换断点
  • 等等...

控制台选项卡

控制台选项卡非常适合在应用程序中执行任意代码。我使用它来检查某些方法的返回值，甚至可以快速测试Stack Overflow上的答案。

enter image description here

剖析器选项卡

如果你正在寻找长时间运行的进程，或者尝试优化代码使其更流畅或减少对资源密集型方法的调用，则剖析器非常棒。打开任何页面，然后从剖析器选项卡点击“开始剖析”来开始记录。

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

enter image description here

网络选项卡

网络选项卡会记录您的网站/应用程序上的流量。它非常有用，可以找到没有下载、挂起或正在请求异步数据的文件。

在此选项卡中，您还可以在概要视图和详细视图之间切换。在详细视图中，您可以检查与请求和响应一起发送的标头。您可以查看cookie信息，检查事件的时间，以及更多信息。

输入图片描述

我并没有充分介绍IE开发工具-还有很多未被揭示的内容。但我鼓励您去了解它们，并将其作为您的开发的一部分。

5
我推荐使用Companion JS，它是Debug Bar的免费版本。我觉得使用起来更加简单，并且有我需要的功能。使用它可以像在Firefox的Firebug中一样，在IE中测试一些小的JavaScript片段。 5年后编辑：我现在使用Internet Explorer集成开发工具。
4

IE 8应该有更好的工具，但是IE开发者工具栏已经很不错了。

3

我使用Microsoft Script Debugger和FireBug Lite，具体取决于我的调试需求。这两个工具都非常好用- 你可以尝试使用它们，并选择自己更为舒适的一个。

2
在IE8中，只需按F12键！
1
  1. 进入“工具”->“Internet选项”->“高级”->启用脚本调试（Internet Explorer）

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

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接