在线时缓存清单弄乱了我的应用程序

Question

SO 的大师

我正在尝试使用 CACHE MANIFEST/HTML5。我的应用程序是 JS 重的并且基于 jquery/jquerymobile 构建。

这是我的清单的摘录，

CACHE MANIFEST
FALLBACK:
/
NETWORK:
*
CACHE:
/css/style.css
/js/jquery.js

但不知何故，该应用程序在第一次时不会加载文件，整个应用程序崩溃了。

• 难道是我的格式不对？
• 我不应该将 JS 加载到缓存中吗？
• 如果有任何内容不可用，我应该如何以不同的方式对待这个问题，以便始终首先检查网络，并且只加载缓存中可用的内容？

谢谢。

Answer 1

我尝试了一个带有缓存清单的简单页面，它对我来说效果很好，所以我不太确定问题是什么。但是，

1. 是的，格式有问题。 FALLBACK 部分中的条目需要有两部分：模式和 URL。这表示“如果任何与该模式匹配的页面无法离线使用，则显示 URL（将被缓存）”。主要的例子（如此处所示）是“/ /offline.html”，这意味着“for所有页面，如果我们处于离线状态且未缓存，则显示 /offline.html。”但是，我不认为这是问题的根源，因为我用您的确切清单对其进行了测试，并且它仍然有效。
2. JS 文件没有什么特别的。将它们加载到缓存中应该没问题。
3. 我不明白第三个问题。这里可能有两个目标：a) 在返回缓存之前，如何首先检查是否有在线可用的较新版本的文件；b) 如何检查网络以查看是否有更新版本的文件未缓存的文件，如果我们处于离线状态，则会返回到错误页面。 (a) 的答案是，一旦打开缓存清单，事情的工作方式就会非常不同。它永远不会检查文件的新版本，除非清单也有新版本。因此，每当更改任何文件时，您都必须始终更新清单。 (b) 的答案是 FALLBACK 部分。

请参阅深入了解 HTML5 关于此内容的精彩章节，特别是“调试的艺术，又名“”杀了我！现在就杀了我！”这解释了清单的更新方式。

另外，我认为我们还没有解决您问题的实质，因为不清楚您所说的“应用程序本身不会第一次加载文件”是什么意思。哪些文件不加载？刷新后它们加载正常吗？ ETC。

Answer 2

我让它刷新缓存的唯一方法是使用提交号或时间戳重命名清单文件，并将缓存声明更改为

我将这部分作为我的构建的一部分。