Internet Explorer中的JavaScript故障排除工具

aid 发布于 2018-02-27 debugging 最后更新 2018-02-27 01:06 608 浏览

我大量使用Firebug和Mozilla JS控制台,但是偶尔偶尔遇到一个纯IE浏览器的JavaScript错误,它很难找到(例如:第724行错误,当源html只有200行)。 我很想拥有一个适用于Internet Explorer的轻量级JS工具( la firebug),如果遇到错误然后卸载,我可以在几秒钟内安装到客户端PC上。某些Microsoft工具需要一些严重的下载和配置时间。 有任何想法吗?

已邀请:

iqui

赞同来自:

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

hvelit

赞同来自:

您可能会发现Firebug Lite对此很有用。 它的小书签在用户机器上进行调试时应该特别有用。

xesse

赞同来自:

我会推荐Companion JS。 这是Debug Bar的免费版本,但我觉得它更易于使用并具有我需要的功能。非常适合在IE中测试JavaScript小片段,就像我在Firefox中使用Firebug一样。 5年后编辑:我现在使用Internet Explorer集成开发人员工具。

wnihil

赞同来自:

在IE8中按F12!

funde

赞同来自:

我使用Microsoft Script DebuggerFireBug Lite,这取决于我正在调试的内容。两者都是很棒的工具 - 试试它们,并与你感到满意的东西吻合。

gquia

赞同来自:

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

脚本标签 脚本标签可能是您感兴趣的内容,但控制台,分析器和网络标签在调试应用程序时也有很多用处。 enter image description here 从“脚本”选项卡中,您可以:
  • 格式化JavaScript以使其更易读
  • 将网页上各种资源的来源移至
  • 插入断点
  • 在逐步执行
  • 的同时移动代码行
  • 观察变量
  • 检查调用堆栈以查看代码是如何执行的
  • 切换断点
  • 以及更多...
  • 控制台标签 当您需要针对应用程序执行一些任意代码时,控制台选项卡非常适合。我使用它来检查某些方法的返回情况,甚至是快速测试堆栈溢出问题的答案。 enter image description here

    Profiler标签 如果您正在寻找长时间运行的流程,或试图优化您的代码以运行更流畅或减少对资源密集型方法的调用,该配置文件非常棒。打开任何页面,然后从Profiler选项卡中单击“开始分析”开始记录。 分析器正在工作时,您可以在页面上移动,执行常见操作。当您觉得自己录制的内容足够时,点击“停止分析”。随后将显示所有运行的功能或呼叫树的摘要。您可以通过各种列快速排序这些数据: enter image description here

    网络标签 网络标签会记录您的网站/应用程序的流量。对于查找未被下载,挂起或用于跟踪异步请求的数据的文件非常方便。 在此选项卡中,您还可以在摘要视图和详细视图之间移动。在详细视图中,您可以检查与请求一起发送的标题和响应。您可以查看Cookie信息,查看事件的时间等。 enter image description here 我并没有真正做到IE开发者工具的正义 - 这里有很多未被发现的地方。我鼓励你检查它们,并让它们成为你的发展的一部分。

aid

赞同来自:

  1. 转至工具 - > Internet选项... - >高级 - >启用脚本调试(Internet Explorer)
然后在发生错误时附加Visual Studio Debugger。 如果您使用IE 8,请安装开发人员工具栏,因为它具有内置调试器。