HTML5 应用程序清单未在清单更改时清除缓存

Question

我有一个 Rails 应用程序，我正在尝试使用 Rack::Offline 来使用 HTML5 应用程序缓存。 application.manifest 文件已设置完毕，正在由我的 HTML 页面下载和检查。 清单如下所示：

CACHE MANIFEST
# 2d9bf2b03a07dc960fd8fe69659ceeffd4d28ccf8619669a506c3682bf223878
404.html
422.html
500.html
login.html
stylesheets/scaffold.css
javascripts/jquery.min.js
javascripts/jquery.js
javascripts/application.js
javascripts/rmbz.js
javascripts/rails.js
images/rails.png

NETWORK:
/

我正在访问的页面是 localhost:3000/mobile，并且它的缓存效果非常好（当我关闭 Rails 服务器时可以查看）。但是，它引用的 application.manifest 文件已更改（实际上，它通过操作注释的十六进制 id 随每个请求而更改），但 Chrome 并未更新页面。 Chrome 中的控制台日志显示以下内容：

Document was loaded from Application Cache with manifest http://localhost:3000/application.manifest
Application Cache Checking event
Application Cache Downloading event
Application Cache Progress event (0 of 12) http://localhost:3000/login.html
Application Cache Progress event (1 of 12) http://localhost:3000/404.html
Application Cache Progress event (2 of 12) http://localhost:3000/422.html
Application Cache Progress event (3 of 12) http://localhost:3000/javascripts/rails.js
Application Cache Progress event (4 of 12) http://localhost:3000/javascripts/rmbz.js
Application Cache Progress event (5 of 12) http://localhost:3000/images/rails.png
Application Cache Progress event (6 of 12) http://localhost:3000/500.html
Application Cache Progress event (7 of 12) http://localhost:3000/javascripts/jquery.js
Application Cache Progress event (8 of 12) http://localhost:3000/stylesheets/scaffold.css
Application Cache Progress event (9 of 12) http://localhost:3000/javascripts/jquery.min.js
Application Cache Progress event (10 of 12) http://localhost:3000/mobile
Application Cache Progress event (11 of 12) http://localhost:3000/javascripts/application.js
Application Cache Error event: Manifest changed during update, scheduling retry

我不太明白为什么失败。直到最后一行，它似乎已经做了所有应该做的事情！如果我在浏览器中导航到 localhost:3000/application.manifest，我会得到类似的日志 - 清单似乎已自行缓存，所以这可能就是它抱怨清单已更改的原因吗？有什么想法吗？

谢谢！

Answer 1

Chrome 请求的最后一个文件是 application.manifest，如果自原始请求以来该文件已更改（如您所说），则会使缓存失效。您需要保持清单不变，直到清单中列出的文件之一发生更改。

Answer 2

每次在 Rails 开发模式下都会发生这种情况，因为默认情况下每次点击页面时都会重新生成密钥。您可以通过在 environments/development.rb 中将 cache_classes 设置为 true 来解决此问题。但请注意，cache_classes 并非特定于 Rack::Offline。因此，如果您确实进行了更改，您的开发环境中可能会出现一些意外的 ActiveRecord 行为。

Answer 3

我遇到了同样的问题，必须对宝石本身进行更改。我的问题与 /public/images 中的嵌套文件夹有关，

首先找到您的 gems 的安装位置（“gem 环境”将帮助您找到）并导航到 /rack-offline-0.6.1/lib。

编辑文件rack-offline.rb。删除第 33 行并替换为：

"#{root}/images/**/*.png",
"#{root}/images/**/*.jpg",
"#{root}/images/**/*.gif"]

重新启动 Rails 服务器并重试。为我工作，希望对你有帮助。

Answer 4

查看 http://railscasts.com/episodes/247-offline-apps-part -1 和 http://railscasts.com/episodes/248- Offline-apps-part-2

它解释了与缓存、离线、rails / jquery 等相关的所有问题。

Answer 5

Rack::Offline 似乎使用时间窗口来刷新清单文件中的哈希值 (lib/rack/offline.rb:84)。

now = Time.now.to_i - Time.now.to_i % @cache_interval

# @cache_interval defaults to 10 seconds 

浏览器会请求清单文件两次：一次在请求开始时，一次所有缓存已成功离线存储。

当处理您的请求需要相当长的时间（必须加载大量资源）时，可能会出现第一个请求在一个时间窗口内得到答复而最终请求在另一个时间窗口内处理的情况。因此，两个清单中的哈希值将不匹配，并且您会收到“应用程序缓存错误事件：更新期间清单已更改，计划重试”错误。

为了减少开发过程中出现此类错误的可能性，您可以选择设置更大的cache_interval，如下所示：

offline = Rack::Offline.configure :cache_interval => 20 do
    ...
end