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访问开发人员工具.

脚本选项卡

脚本选项卡很可能是您感兴趣的,尽管在调试应用程序时,Console,Profiler和Network选项卡也会得到充分利用.

从"脚本"选项卡中,您可以:

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

控制台标签

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

Profiler选项卡

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

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

网络选项卡

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

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

我并没有真正做IE开发者工具的正义 - 有很多未被发现的基础.我会鼓励你检查它们,并将它们作为你开发的一部分.

Answer 3

我推荐Companion JS.

这是Debug Bar的免费版本,但我发现它更容易使用并具有我需要的功能.很高兴在IE中测试小的JavaScript代码段,就像我在Firefox中使用Firebug一样.

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