Debugging 正在寻找监视浏览器内存使用情况的工具/技术

我们正在构建一个广泛使用css3转换的应用程序。显然，转换比例、旋转3d，当然还有大型图像都是导致在页面上出现临界数量的html元素时达到内存使用阈值的因素

目标是最大限度地增加可添加的元素数量，同时尽量减少css3d变换功能或图像大小/质量方面的折衷

我正在寻找工具/技术，以尽可能详细地监控浏览器中的内存使用情况

目前正在与谷歌浏览器合作

---

奖励：有效使用图像/css3转换/动画的任何技巧？

到目前为止，我在chome中发现的最好的东西是chrome web developer工具的时间线功能

---

它惊人的严谨和详细。您可以将配置文件降到一个非常低的级别，包括绘制事件、css选择器的复杂细节，当然还有javascript函数。

目前正在学习chrome调试器的复杂功能，并运行chrome heap snapshot profiler等测试页，显示5.58mb内存使用情况。在我做了一个可能导致内存限制相关问题的更改之后，向dom添加更多的大型旋转图像，堆形状快照显示5.69mb正在检查堆形状快照的细节以获得更多信息