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

Question

我有一个iPad（杂志）网络应用程序，它显示一组中等大小（~500kb）的图像。它们每个视图（1024x768）显示一个，刷卡时显示另一个。

我有三个图像（上一个，当前和下一个）作为显示：同时阻止，而其他图像用display：none隐藏。

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

我的问题是：保持内存消耗尽可能低的最佳做法是什么？显然设置要显示的图像：none无法正常工作。我应该从DOM中删除图像，然后在进入视图时重新应用它们吗？或者是防止应用程序崩溃的其他任何简单技巧？

Answer 1

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

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