Javascript 用于显示网页呈现统计信息的探查器?

Javascript 用于显示网页呈现统计信息的探查器?,javascript,profiler,webpage,Javascript,Profiler,Webpage,我使用的是一个ContribDrupal模块,它钩住一个表单。它的存在似乎会导致jquery的呈现速度不合理地慢,但我不能完全确定这一点。。我想对它做一些高级的故障排除,我正在寻找一个像xdebug这样的工具,它会给我一个输出文件,我可以用KCacheGrind查看 我看过Venkman和Firebug,但我不想要调试环境;我还没到那一步。我想查看页面加载的配置文件,这样我就可以看到大部分时间都花在了哪里,这样我就可以确定问题出在哪里 Edit:正如一些人指出的那样,我实际上不是在寻找页面加载的

我使用的是一个ContribDrupal模块,它钩住一个表单。它的存在似乎会导致jquery的呈现速度不合理地慢,但我不能完全确定这一点。。我想对它做一些高级的故障排除,我正在寻找一个像xdebug这样的工具,它会给我一个输出文件,我可以用KCacheGrind查看

我看过Venkman和Firebug,但我不想要调试环境;我还没到那一步。我想查看页面加载的配置文件,这样我就可以看到大部分时间都花在了哪里,这样我就可以确定问题出在哪里

Edit:正如一些人指出的那样,我实际上不是在寻找页面加载的配置文件,而是在特定事件上执行的javascript的配置文件。Firebug的调试器可以抓取执行并将我放入代码中,但它只是将我放在大ol脚本的一个点上。我认为减速涉及循环和迭代,因此我希望看到执行路径的概要


事实上,我想我应该把这个作为一个单独的问题发布

chrome开发者工具有一个javascript分析器,它将评测页面上的所有函数调用。时间轴功能(可能仅在beta/dev版本中)将显示浏览器在各种操作(例如布局和渲染)上花费的时间

我相信firebug也有一个JS分析器。

在firebug中,单击“Net”选项卡。它列出了它从服务器请求的每一个元素,以及详细的连接和加载信息(悬停时)以及一个漂亮的图形显示,没有悬停

更新 此外,如果实际页面负载不是问题所在,并且您确实在尝试分析Javascript,那么Firebug的“控制台”选项卡可能会满足您的需要


单击“配置文件”,然后重新加载页面。再次单击“Profile”以查看javascript使用持续时间和计时信息所做的一切的列表。这将向您显示花费的时间最长。

在控制台选项卡的firebug中有一个探查器。单击一次启动探查器,单击第二次停止探查器。Chrome还有一个压型机⌘⌥J还有一个很好的internet explorer分析工具:


顺便说一句,jquery的大部分时间都很慢,这取决于选择引擎的错误使用。

这没有帮助,他遇到的是Javascript性能问题,而不是网络问题。我假设是这样的,但这句话“我想查看页面加载的配置文件,这样我就可以看到大部分时间都花在了哪里”让我觉得它挂在加载上了,Firebug Net选项卡可能会显示这一点,即使它没有直接处理Javascript。至少,它会根据负载的持续时间和开始和结束时间,指出长延迟发生在哪一步。@rocketerest,在重读这个问题之后,您可能是对的。这有点模棱两可,但提到的xdebug和KCacheGrind工具是代码分析器。