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



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

我有三个图像(上一个、当前和下一个)作为显示:同时块,而其他图像则用显示隐藏:无。

在某种程度上一切都很好。然而,当应用程序运行了一段时间,并且显示了更大的图像集(20+)时,应用程序就会崩溃,主要是在iPad1上。我的假设是这和设备的内存消耗有关。

我的问题是:保持内存消耗尽可能低的最佳做法是什么?显然,设置要显示的图像:没有一个不起作用。我应该从DOM中删除图像,然后在进入视图时重新应用它们吗?或者还有其他防止应用程序崩溃的简单技巧吗?

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

因此,在您的情况下,当您将display设置为none时,可以将源存储在image元素的数据属性中,当您在将display设置成block时使image可见时,可以再次设置源。

最新更新