如何调试导致网页加载时间较长的脚本？

Question

我公司的一个内部网站有一个页面，需要相当长的时间才能加载。当我使用IE 11查看页面时，将显示以下消息：

由于运行时间较长的脚本，域没有响应。

消息对话框有一个“停止脚本”按钮，但没有“调试”按钮。

这个站点使用了大量在过去构建的JavaScript脚本，我需要对它进行调试，以确定其中哪个脚本导致了这个问题。

我的问题是IE不允许我在页面加载之前启动F12开发工具，如果在加载页面之前打开F12工具，然后重新加载页面，调试工具窗口就会消失。

我想问的问题：

1. 如何使F12工具保持打开状态以分析页面的打开情况？
2. 还是有一种方法可以使用Firefox (v.45.8)调试工具来调试在页面加载上运行的脚本？

Answer 1

为了使F12开发工具保持打开状态：

• 要使Internet工具栏保持可见，请单击Alt，单击View，指向 toolbar 并检查菜单栏，然后单击锁定工具栏E 211。微软的信息

IE中的调试替代方案：

• 如果您可以访问文件，可以将此标记粘贴到您要调试的页面上，它将打开火虫：<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>。
• 如果您无法访问文件，则仍然可以在此书签：javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');中使用Firebug
• 使用IEDiagnosticsAdapter。它是一个代理，它允许工具使用Chrome远程调试协议来调试和诊断IE。
• 安装调试条，它为内置开发工具提供了一个扩展的特性集。
• 安装IE测试器，它模拟各种IE实例(版本)，并使用其内置调试栏。使用这种方法，您还可以针对特定版本的问题。

此外，您还可以查看微软的如何排除Internet中的脚本错误文章。