HTML5 缓存回退

Question

我正在试验 HTML5 缓存，我偶然发现了一个问题。

CACHE MANIFEST

/Default.aspx
/Offline.aspx
/js/jquery-1.6.4.min.js
/js/jquery.mobile-1.0rc2.min.js
/css/jquery.mobile-1.0rc2.min.css
/css/images/ajax-loader.png
/css/images/icons-18-white.png

FALLBACK:
/ Offline.aspx

NETWORK:
*

所以我的起始页是 Default.aspx，当设备脱机时它应该重定向到/Offline.aspx 但它没有。现在我能想到的是因为/Default.aspx 被缓存了。现在假设我从 list 中删除/Default.aspx，它仍会被缓存，因为它在 HTML 标记中引用了 list 。

我已经阅读了数十页有关 html 缓存的内容，但我找不到答案。任何建议都会很棒!

谢谢

Answer 1

是的，这是您应该期望的行为，因为如果引用 list 的页面未在 list 本身中声明(显式)，它将被隐式地视为 list 的一部分作为“主”页面 - 并且从该点将被缓存并且不会更新，直到 list 发生变化。

直到我经历了相同的行为(在我正在添加离线功能的应用程序中)并深入研究规范以更好地理解观察到的行为之前，我也并不完全清楚这一点。

我对此的解决方案是将该页面的动态部分转换为单独的 Ajax 调用，这样即使页面被缓存(隐式或显式)，更新的部分也会通过(非缓存的) Ajax 调用。但是，如果您希望这些 Ajax 调用在离线时表现良好(或者如果不希望处理由此产生的 Ajax 错误)，您将需要为所述 Ajax 调用创建回退条目。