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

我有一个iPad（杂志）Web应用程序，它显示一组中等大小（〜500kb）的图像。 它们每个显示一个显示（1024×768），当显示另一个显示时。

我有三个图像（之前，当前和下一个）作为显示：同时阻止其他图像隐藏与显示：无。

一切在一定程度上正常工作。 但是，当应用程序运行了一段时间，更大的图像集（20多个）已经显示，应用程序崩溃，主要是在iPad 1上。我的假设是这与设备的内存消耗有关。

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

Answer 1

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

所以在你的情况下，当你将显示设置为none时，你可以将源代码存储在image元素的data属性中，当你设置显示为block时，当图像可见时再次设置源代码。