ios - iOS Web 应用程序中图像的内存消耗

Question

我有一个 iPad(杂志)网络应用程序，它显示一组中等大小(~500kb)的图像。每个 View (1024x768) 显示一个，滑动时显示另一个。

我有三张图片(上一张、当前图片和下一张)同时显示为 block ，而其他图片则通过显示隐藏:无。

在某种程度上一切正常。但是，当应用程序运行了一段时间并显示了更大的图像集(20 多张)时，应用程序崩溃了，主要是在 iPad 1 上。我的假设是这与设备的内存消耗有关。

我的问题是:保持内存消耗尽可能低的最佳做法是什么？显然将图像设置为 display:none 不起作用。我应该从 DOM 中删除图像，然后在进入 View 时重新应用它们吗？或者是否有任何其他简单的技巧来防止应用程序崩溃？

Answer 1

有一种方法，您必须在删除 DOM 元素之前将图像源设置为空字符串:http://blog.thinkingtype.com/2012/07/ios-mobile-web-application-image-memory.html

因此，在您的情况下，当您将显示设置为无时，您可以将源存储在图像元素的数据属性中，并在将显示设置为阻止时使图像可见时再次设置源。