在我的Web应用程序上模拟浏览器缓存

Question

所以我有一个网站，我想建立一种机制来模拟浏览器缓存。 这意味着，例如，我可以以低成本获得页面包含但不通过其他协议通过http请求获得的所有图像。 我希望能够将这些图像（我获得的图像）保存在浏览器的内存（indexDB，applicationCache等）中，然后在渲染页面时不从http而是从我的缓存中加载它们。

注意：1）我更喜欢不需要更改.html和src attr的方法2）我还可以使整个页面前进，不仅是照片，还可以进行一些操作。

有任何想法吗？

Answer 1

您可以使用PersistJS将抽象的浏览器存储功能抽象到一个通用接口中。 行为类似于localStorage，并具有多个后端（例如cookie，闪存等）。 您可以将它们存储在此处，并检查它们是否存在于此处。

Answer 2

阅读有关html5缓存的本教程 。 您需要创建缓存清单文件，并将图像路径写入清单文件的#cache部分。 将文件引用放在每个.html / .htm文件头中。