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

Question

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

注释： 1）我更喜欢一种方式，我不需要改变.html和src attr 2）我也可以提前整个页面，而不仅仅是照片，也许可以进行一些操作。

任何想法？

Answer 1

您可以使用PersistJS将不同的浏览器存储功能抽象为通用接口。像localStorage这样的行为，有几个后端（如cookie，闪存等）。您可以将它们存储在这里并检查它们是否存在于此处。

Answer 2

在html5缓存上阅读此tutorial。您需要创建缓存清单文件并在清单文件的#cache部分中编写映像路径。将文件的引用放在每个.html / .htm文件头中。