Internet Explorer中的JavaScript疑难解答工具

Translate

我大量使用Firebug和Mozilla JS控制台,但时不时地遇到一个仅IE的JavaScript错误,这确实很难找到(例如:724行出现错误,当源HTML仅包含200行时)。

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

有任何想法吗?

This question and all comments follow the "Attribution Required."

所有的回答

Translate

你可能会发现萤火虫精简版有用的。

在用户计算机上调试时,其书签小书签特别有用。

来源
Translate

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

脚本选项卡

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

enter image description here

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

  • 格式化JavaScript以使其更具可读性
  • 在页面上从各种资源的来源移到另一个来源
  • 插入断点
  • 在逐步执行代码的同时移入和移出代码行
  • 观察变量
  • 检查调用堆栈以查看代码如何执行
  • 切换断点
  • 和更多...

控制台标签

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

enter image description here

探查器选项卡

如果您正在寻找运行时间较长的流程,或者试图优化代码以使其运行更流畅或对资源密集型方法的调用次数更少,则此配置文件很棒。打开任何页面,然后从Profiler选项卡中单击“开始配置文件”以开始录制。

在探查器工作时,您可以在页面上移动,执行常见操作。当您感觉已录制足够时,请单击“停止分析”。然后,将显示所有已运行功能的摘要或调用树。您可以按以下各列快速对数据进行排序:

enter image description here

网络标签

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

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

enter image description here

我并不是真的在以IE开发人员工具为荣-有很多未发现的领域。我鼓励您将它们检查出来,并使它们成为您开发的一部分。

来源
Translate

我会推荐随播JS.

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

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

来源
Translate

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

来源
Afra Lee
Translate

我都用Microsoft脚本调试器FireBug Lite,具体取决于我要调试的内容。两者都是很棒的工具-尝试一下,并尝试自己喜欢的东西。

来源
Translate

在IE8中,只需按F12键即可!

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

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

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

来源