Javascript 如何调试导致网页加载时间过长的脚本?

Javascript 如何调试导致网页加载时间过长的脚本?,javascript,debugging,internet-explorer,firefox,browser,Javascript,Debugging,Internet Explorer,Firefox,Browser,我公司的一个内部网站有一个页面,需要很长时间才能加载。当我使用IE 11查看页面时,会显示以下消息: [domain]由于脚本运行时间过长而没有响应 消息对话框有一个“停止脚本”按钮,但没有“调试”按钮 这个站点使用了大量过去构建的JavaScript脚本,我需要对其进行调试,以确定是哪一个脚本导致了这个问题 我的问题是IE不允许我在加载页面之前启动F12开发工具,如果我在加载页面之前打开F12工具,然后重新加载页面,调试工具窗口就会消失 我想问的问题: 如何使F12工具保持打开状态,以分析 那

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

[domain]由于脚本运行时间过长而没有响应

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

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

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

我想问的问题:

  • 如何使F12工具保持打开状态,以分析 那一页
  • 或者有没有一种方法可以使用 Firefox(v.45.8)调试工具

  • 要保持F12开发人员工具处于打开状态,请执行以下操作:

    • 要使Internet Explorer工具栏保持可见,请单击Alt,单击查看,指向工具栏,并选中菜单栏,然后单击锁定工具栏。来自微软
    IE中的调试备选方案:

    • 如果您有权访问文件,您可以将此标记粘贴到您尝试调试的页面,它将打开:

    • 如果您没有访问文件的权限,您仍然可以使用Firebug Lite进行以下操作:
      javascript:(函数(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[b,u](F[i+'e];[1240];[F]('child];[F])([e])子体]([1240]);E=new%20Image;E[r]('src',I+L);})(文档,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/","开始",

    • 使用。它是一个代理,使工具能够使用Chrome远程调试协议调试和诊断IE

    • Install,它为内置开发人员工具提供了扩展功能集
    • 安装,它模拟各种IE实例(版本),并使用其内置的调试栏。通过这种方法,还可以解决特定于点版本的问题

    你也可以看看微软的文章。

    你能停止运行脚本,打开探查器然后重新加载吗?为什么不在导航到页面之前打开它。Firefox工具和IEs没有什么不同……嗨@richbai90,我试过停止脚本,打开探查器然后重新加载页面的顺序,这就是调试窗口消失的地方(当我重新加载页面时)。嗨@epascarello,在我的问题中,我已经提到如果我在加载页面之前打开F12工具,然后重新加载页面,调试窗口就会消失。我想也许Firefox工具中有一些持久性设置。谢谢你Emre Piskin,我有点惊讶,但是锁定工具栏的说明确实使窗口保持打开状态。