HTML5 清单没有缓存

Question

您好，我有一个关于我的 .net Web 应用程序中没有缓存的问题。我有一个 XHTML Web 应用程序，它使用以下元标记运行：

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE" />

我想让这个应用程序成为 HTML5 有效的应用程序。通过 HTML5 验证器运行它后，它将输出这些元标记无效。

我在互联网上做了一些研究，很多人建议使用清单文件，例如：

CACHE MANIFEST
# 2016-03-18 time 10:30 UTC v 1.01 
NETWORK:
*

这基本上是说：对于所有文件，不要从缓存中读取，而是从网络服务器中读取。这听起来像浏览器根本没有缓存它。但是这种方法的一个缺点是，正如post 中所说，每次执行（部分）回发时都需要更新清单文件。这听起来不是一个很好的正确方法。

所以我通过 web.config 调整通过我的 IIS 使用 HTTP 标头来搜索替代方法。我找到了一个来源，说您可以使用以下方法：

<configuration>
    <system.webServer>
        <httpProtocol>
            <customHeaders>
                <add name="Cache-Control" value="no-cache" />
                <add name="Pragma" value="no-cache" />
                <add name="Expires" value="-1" />
            </customHeaders>
        </httpProtocol>
    </system.webServer>
</configuration>

不，我想知道这种方法是不缓存我的 web 应用程序的好方法吗？

Answer 1

CACHE MANIFEST 用于离线网络应用程序，它根本不是一个容易使用的东西，据我所知，甚至不推荐使用这种方式来制作离线应用程序。

如果您不希望您的页面在浏览器中缓存，那么配置响应标头将是正确的方法。

为了防止浏览器完全缓存页面，您可以设置以下标题：

Cache-Control:no-store
Cache-Control:no-cache
Pragma:no-cache
Expires:Fri, 18 Mar 1999 12:22:21 GMT

请注意，Pragma 标头适用于 HTTP 1.0，Cache-Control:max-age 相当于 Expires，但 Cache-Control:max-age 具有更高的优先级，因此没有理由同时拥有它们两个

Answer 2

使用您描述的清单文件，并使用 javascript 更新它：

您的清单：

CACHE MANIFEST
# 2016-03-18 time 10:30 UTC v 1.01 
NETWORK:
*

Javascript：

var appCache = window.applicationCache;
appCache.update();

使用appcache的良好开端：A Beginner's Guide to Application Cache