JavaScript内存：堆、本机、WebGL/GPU

在Chrome中可以看到JavaScript的所有内存源吗？据我所知，上述三项都是可用的

堆是基本的可GC的JS对象。“本机内存”不是堆的一部分。。如DOM、TypedArrays、2D上下文图像数据等。WebGL也是内存的来源

我想知道我的代码使用了多少。Chrome最近抛弃了他们的原生分析器。堆分析对于大内存web应用程序来说是远远不够的

---

有没有一种方法可以获得关于我的代码使用的这些内存源的百分比的有用信息？

我使用chrome任务管理器（更多工具|任务管理器）估计本机内存。它显示了私有内存、GPU内存和javascript内存<代码>私有内存-javascript内存将是本机内存的近似值。但它不能表示不同种类的资源分配了多少内存

如果页面有画布，它还会显示GPU内存

---

您是否使用了开发人员工具（F12）并单击了

Profiles

选项卡？是的。我倾向于使用金丝雀，所以可能不同于稳定铬。Paul Irish做了一个本地剖析器实验，但它最近被拉了出来。可以看到堆对象是本机数据结构（即C/C++chrome本机数据结构）的包装器，因此将被GCed，但您看不到附加了多少本机内存，也看不到有多少本机内存可用。我想我说得对。是的，我想这是我们目前最好的。Chrome不久前尝试了一个本地内存配置文件（我相信是Paul Irish），但没有持续多久。我刚刚发现“chrome://tracing如果选择“memory infra”标志，则可以显示有关如何使用内存的更多详细信息