如何将脚本、图像和 css 文件保存到浏览器缓存中？答案

【问题标题】：How to save scripts, images and css files into browser cache?如何将脚本、图像和 css 文件保存到浏览器缓存中？
【发布时间】：2013-10-22 20:42:16
【问题描述】：

我一直在尝试为我的网页启用缓存。我发现了很多与在浏览器缓存中缓存静态文件相关的帖子，但我没有成功。

我为它尝试了服务器端或客户端代码：

服务器端

我尝试在服务器端页面加载上设置“Cache-Control”标头的代码（用 C# 编写代码）：

DateTime dt = DateTime.Now.AddMinutes(30);
HttpContext.Current.Response.Cache.SetCacheability(HttpCacheability.Public);
HttpContext.Current.Response.Cache.SetExpires(dt);
HttpContext.Current.Response.Cache.SetMaxAge(new TimeSpan(dt.Ticks - DateTime.Now.Ticks));

Reference

客户端

在 javascript 中经过一番谷歌搜索后，我找到了一种“预加载图像”技术，但应用此代码也没有为我提供将文件存储到缓存中的正确解决方案。

Reference

HTML 元标记

在我的页眉中添加了以下标签：

<meta http-equiv="Cache-control" content="private"/>
<meta http-equiv="EXPIRES" content="Wed, 16 oct 2013 11:12:01 GMT"/>

没有成功。

Reference

谁能告诉我我在这里做错了什么？

任何人都建议我提供完美的解决方案/完整教程，以启用缓存以将静态文件存储到浏览器缓存中。

提前谢谢....!!!!

【问题讨论】：

标签： javascript asp.net caching browser-cache cache-control

【解决方案1】：

首先，我认为您将缓存与预加载图像混淆了。如果你真正需要的是缓存，请检查你的浏览器是否禁用了缓存。因为脚本、图像和 css 是默认被浏览器缓存的。

接下来你是如何检查这些是否被缓存的？

【讨论】：

检查使用“浏览器控制台”的缓存元素，例如：Chrome 对象检查器

【解决方案2】：

您可以使用“缓存清单”，它使用浏览器的 AppCache。它还允许您离线运行您的网站。前往http://diveintohtml5.info/offline.html 了解更多信息。希望对你有帮助！！

【讨论】：