在 Mobile Safari 中缓存屏幕外的图像

Question

我有一个 javascript 图片库，可以从 Mobile Safari 的屏幕外滑入图片。似乎屏幕外的图像没有被缓存，因为每次它们滑入都需要几秒钟来加载它们，此时它们已经到了目的地的一半。我试图在初始页面加载期间加载所有图像。似乎 Mobile Safari 会忽略或“垃圾收集”屏幕外图像。有没有办法通过 CSS3（一些 -webkit 前缀属性）或任何方式让所有图像加载并保持加载，因此它们不会闪烁。

谢谢！

Answer 1

如果图库中的图片集有些静态（即通过某种上传过程进行管理，而不是动态地获取图片），您可以尝试为图片使用 HTML5 离线应用程序缓存。 This blog post describes the technique，以及 iPhone 缓存中经常遇到的其他一些陷阱。