是否可以使用Firebug剖析内置的JavaScript函数？

Question

我正在HTML5中建立一个图形密集型网站，该网站大量使用了画布上下文的drawImage（）函数。 在Windows 7上的IE9中，性能是平稳的，但是在Firefox 4中，情况变得不稳定。 我正在尝试隔离瓶颈，以便可以开始优化。

如果我使用Firebug 1.7.0的JavaScript性能分析功能，则可以看到自己函数的统计信息，但是我也希望看到对内置JavaScript函数的调用。 在Firebug或其他工具中，有什么方法可以做到这一点？

作为一种解决方法，我想可以通过将事情分解为许多微小的功能来使配置粒度更精细，但是我宁愿我的设计不受配置的难易程度驱动。

更新：回顾这个问题，我发现所讨论的内置函数不是真正的JavaScript函数，而是主机提供的函数。 在这种情况下，它们是浏览器中的DOM对象。 只是以为我会澄清技术细节。

Answer 1

最后，我用了它Firebug没有为您提供分析本机代码的功能。

您可以做的是制作自己的函数，该函数仅调用您要调用的本机代码。 依次代码：

ctx.fillRect(50,50,50,50);`

成：

// wrap in function
function fillR() {
ctx.fillRect(50,50,50,50);
};

// call it immediately afterwards
fillR();

然后，您可以获取fillR的统计信息。 不是最好的解决方法，但它可能足够有用。

Answer 2

您可以尝试使用Mozilla的JS调试器Venkman。 目前，addons.mozilla.org上的版本在Firefox 4.0中已损坏。

您可以通过mercurial获取最新版本，该版本适用于Firefox 4.0：

hg clone http://hg.mozilla.org/venkman/
cd venkman/xpi
./makexpi.py
firefox venkman-0.9.88.1.xpi

Answer 3

在考虑了好几天之后，我想出了一个新的解决方案，并写了一篇博客文章：

此方法执行以下操作：

这些步骤组合在一起，提供了一种用于分析DOM功能的方法，除非您进行调试，否则该功能不会影响原始脚本代码。