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

Question

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

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

有任何想法吗？

Answer 1

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

Answer 2

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