jQuery或javascript查找页面的内存使用情况

Question

有没有一种方法可以找出网页或jquery应用程序正在使用多少内存？

这是我的情况：

我正在使用一个jQuery前端和一个以JSON提供数据的restful后端来构建一个数据繁重的webapp。页面被加载一次，然后一切都通过ajax发生。

用户界面为用户提供了一种在用户界面中创建多个选项卡的方式，每个选项卡可以包含大量数据。我正在考虑限制它们可以创建的选项卡的数量，但我认为仅在内存使用量超过特定阈值时才限制它们是很好的。

根据答案，我想作一些澄清：

• 我正在寻找一种运行时解决方案（而不仅仅是开发人员工具），以便我的应用程序可以根据用户浏览器中的内存使用情况来确定操作。

• 计算DOM元素或文档大小可能是一个不错的估计，但由于它不包括事件绑定，data（），插件和其他内存中的数据结构，因此可能非常不准确。

Answer 1

您可以使用Navigation Timing API。导航计时是一种JavaScript API，用于准确衡量网络性能。该API提供了一种简单的方法来获取准确而详细的时序统计信息（本地），以进行页面导航和加载事件。window.performance.memory 允许访问JavaScript内存使用情况数据。