实现撤消功能：如何测量 JavaScript 数组的内存消耗？答案

【问题标题】：Implementing undo feature: how to measure memory consumption of JavaScript array?实现撤消功能：如何测量 JavaScript 数组的内存消耗？
【发布时间】：2019-04-05 01:47:22
【问题描述】：

我们需要为网络编辑器实现撤消功能，并希望测试撤消历史可以合理地走多远。

撤消数据模型是一个包含 1+ 个 jQuery 对象的 JavaScript 数组，每个对象可以包含多个 Base64 图像。

如何测量 JavaScript 对象的内存使用情况？是否可以从 Chrome 监控内存使用情况？

【问题讨论】：

developers.google.com/web/tools/chrome-devtools/memory-problems
@Dom 这是一个很棒的链接。您能否发布答案以便获得积分？
加起来，下面是链接，其中包含有关视图的详细信息，可帮助您进行堆分析并发现应用程序中的内存泄漏。 developer.chrome.com/devtools/docs/heap-profiling
不是当前问题的真正答案，但不要存储为 base64（比二进制大 34%），始终使用 Blob，如果需要存储很多，请考虑使用 IndexedDB ，即使只是很短的时间。这将保存在磁盘上而不是内存中。
@dom 只是在等你，谢谢你的回答！很遗憾你不会得到信用。

标签： javascript jquery html google-chrome memory

【解决方案1】：

Chrome 有一个很好的工具。它基于 RAIL 模型，可让您快速检测泄漏甚至膨胀。只需转到 chrome 的任务管理器（shift + esc）并启用Javascript memory。这个工具救了我的命，祝你好运！

【讨论】：

【解决方案2】：

Chrome DevTools 中有内置工具可让您检查内存使用情况。

您可以通过任务管理器（Shift+Esc或Main Menu > More tools > Task manager）访问它们，然后右键单击Header并启用JavaScript Memory

您可以在此处找到更多信息： https://developers.google.com/web/tools/chrome-devtools/#memory

【讨论】：