如何让应用程序缓存清单在 Safari 7.0.3 上运行？答案

【问题标题】：How to get app cache manifest to work on Safari 7.0.3?如何让应用程序缓存清单在 Safari 7.0.3 上运行？
【发布时间】：2014-05-19 17:24:55
【问题描述】：

我已经上瘾了两天了，这让我发疯了。希望有人能对此事有所启发。

我正在跑步： 小牛队 (MAC)、Safari Versie 7.0.3 (9537.75.14)

我的index.php 看起来像：

<!DOCTYPE HTML>
<html manifest="manifest.php">
<head>
    <title></title>

    <meta charset="UTF-8" /> 
    <link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
    <p>The time is <time><?php echo time(); ?></time></p>
</body>
</html>

我的style.css 看起来像：

html, body
{
    margin      : 0;
    padding     : 0;
    font-size   : 100%;
    font-family : "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}

p
{
    text-align : center;
}

p time
{
    color : red;
}

而我的manifest.php 看起来像：

<?php header('Content- Type: text/cache-manifest'); ?>
CACHE MANIFEST
CACHE:
style.css

如果我跟踪时间输出，它表明它有效，因为除非清单更改，否则时间不会更新。我在 Chrome 中加载 URL 并且它可以工作，我在 Mobile Safari 上加载 URL 并且它可以工作！我在 Mavericks 上的 Safari 中加载 URL，然后发生了一些古怪的事情。

时间没有按预期更新。当我查看控制台时，我看到它有一个程序缓存。但是，当我断开与互联网的连接并重新加载页面时，一切似乎都很好。它会重新加载页面而不会给出我离线的错误，但是任何外部文件（如 CSS）都没有加载，并给出以下错误，包括清单本身：

加载资源失败：网络连接离线。

同样，Chrome 和 Mobile Safari 使用相同的 URL 可以正常工作。我看不到我错过了什么。

【问题讨论】：

我也对这个感兴趣。 Safari 7.0.3 遇到同样的问题。 Appcache 大多被忽略...
这里也一样，如果有一些关于它的信息会很棒。在 chrome 上完美运行。

标签： html caching html5-appcache

【解决方案1】：

尝试将清单文件扩展名更改为 .appcache：

<html manifest="manifest.appcache">

【讨论】：