Appcache 不起作用：清单提取失败 (404)答案

【问题标题】：Appcache does not work: Manifest fetch failed (404)Appcache 不起作用：清单提取失败 (404)
【发布时间】：2015-06-09 16:25:09
【问题描述】：

我的网站的 appcache 和清单文件有问题。

demo.appcache 文件：

CACHE MANIFEST
/img/logoSmallSmall.png
/crosshair.html

我要缓存的 HTML：

    <!DOCTYPE html>
<html manifest="demo.appcache">
<head>
    <title>crosshairs</title>
</head>
<body>
    <h1>katse</h1>
        <img src="img/logoSmallSmall.png" alt="image text" onclick="javascript:alert('Your popup message');" /> 
        <div style="display: none;">sdsd</div>
        <img src="img/logoSmallSmall.png" alt="image text" onclick="javascript:alert('Your popup message2');" /> 
        <div style="display: none;">sdsd</div>
        <img src="img/logoSmallSmall.png" alt="image text" onclick="javascript:alert('Your popup message3');" /> 
        <div style="display: none;">sdsd</div>
</body>
</html>

将此行添加到 .htaccess 中：

AddType text/cache-manifest .appcache

Chrome 上的 Javascript 控制台给了我这样的错误：

Application Cache Error event: Manifest fetch failed (404)

有人可以帮我解决吗？

【问题讨论】：

您的目录结构是什么样的？ .appcache 文件在哪里？
.appcache 位于我的 HTML 文件所在的同一目录中。
如果您直接点击清单 url，它会加载“yoursite.tld/demo.manifest”吗？另外，你试过这个工具吗？ manifest-validator.com
我刚从一位朋友那里得到帮助，我发现我的问题是我的网站没有找到这个 demo.appcache 文件。要修复它，我必须执行以下操作：这可以通过在 VS 中单击 c.appcache 并对文件“内容”进行构建操作来修复。但我不知道如何使用 Visual Studio 来做到这一点。我还需要在我的 azure 虚拟机中添加到 web.config 文件，但我无法在任何地方找到该配置文件。

标签： html caching web offline-caching

【解决方案1】：

发现整个问题都是因为文件名。您所要做的就是将文件命名为： cache.manifest ，这就是您所要做的

【讨论】：

我想知道为什么这解决了这个问题，我的猜测是它与 IIS 设置 mime 类型等有关....但我无法确定确切的设置.