HTML 5 Appcache 适用于 safari/opera/chrome 但不适用于 firefox答案

【问题标题】：HTML 5 Appcache works in safari/opera/chrome but not firefoxHTML 5 Appcache 适用于 safari/opera/chrome 但不适用于 firefox
【发布时间】：2011-09-16 10:24:36
【问题描述】：

我在网站上运行了一个 html5 应用缓存，它在 Safari、Opera 和 Chrome 中运行良好，但在 Firefox 上无法运行。

我的代码中有以下内容：

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

以及以下 manifest.appcache 文件：

CACHE MANIFEST
/
/accessibility
/anchoring
/areas-of-application-in-business
/calibrating-rep-system-preferences
/circle-of-excellence
/collapse-anchors
/contrastive-analysis-and-mapping-across
/convincers
/creating-an-air-of-authority
/decision-making
/elicitation-of-submodalities
/embedded-commands
/embedded-commands-2
/eye-patterns
/four-types-of-feedback
/home
/how-to-remember-names
/introduction-to-anchoring
/introduction-to-nlp
/key-elements-of-the-meta-model
/language-and-communication-model
/language-patterns
/leadership
/modelling
/my-action-plan
/new-behaviour-generator
/nlp-presuppositions
/outcome-thinking
/pacing-and-leading
/perceptual-positions
/predicate-phrases
/predicates
/preference-test
/presupposition-cards
/presuppositions
/privacy
/rapport
/rapport-pacing-and-leading
/representational-systems
/sensory-acuity
/strategies
/structure-for-adjusting-feedback
/structure-of-nlp-techniques
/structure-vs-content
/submodalities
/submodalities-and-strategies
/submodalities-checklist
/terms-and-conditions
/the-6-deadly-words
/the-meta-mirror
/the-power-of-presuppositions
/the-problem-frame-and-the-outcome-frame
/user-profile
/well-formed-outcomes
/what-is-nlp
/userImages/nlp_language_comm.png
/css/mobile.css
/css/style.css


# Hash: a4e8f4f6a4dd45dd3e8acdaae8546a0a

我正在使用此处的代码：http://jonathanstark.com/blog/2009/09/27/debugging-html-5-offline-application-cache/ 来调试 appcache 并在网站上显示输出。

在 Firefox 中，调试代码的输出显示它正在下载所有文件并调用交换缓存。如果我随后断开互联网连接并单击指向另一个应该已下载的页面的链接，我会在 Firefox 中收到无法连接消息，而在 Safari、Opera 和 Chrome 中执行相同操作时效果很好。

任何帮助和建议将不胜感激。

谢谢史蒂夫

【问题讨论】：

听起来你的 Firefox 没有进入离线模式，它可能认为你仍然连接到互联网。点击 Firefox 按钮，在“Web Developer”子菜单中勾选“Work Offline”，看看是否是这个原因。
我刚试过这个，它显示离线模式错误页面。

标签： html firefox caching manifest

【解决方案1】：

查看服务器是否为生成的文件设置了 no-cache/no-store 标头。与其他浏览器相反，Firefox 将忽略清单。

【讨论】：

是的，这是正确的解决方案。我遇到了类似的问题，这有助于解决我的问题。
我还发现这是 Google App Engine 中的一个解决方案，它在 Chrome 中运行良好，但在 Firefox 中却不行（每次页面加载时 updateready 事件都会一直触发）。用空字符串覆盖默认的应用程序引擎 Cache-Control 标头似乎已经停止了这种错误行为。

【解决方案2】：

我遇到了类似的问题。问题是 FireFox 缓存文件更激进，所以我不得不添加这些标题：

对于清单：

Pragma: no-cache
Cache-Control: no-cache
Expires: date

对于文件：

Last-Modified: date
Cache-Control: no-cache
Expires: date

用 RFC 1123 格式的当前日期替换 date。

【讨论】：

【解决方案3】：

检查是否设置了 no-cache/no-store 标头

【讨论】：

【解决方案4】：

我也遇到过类似的问题。

确保清单文件以“text/cache-manifest”类型提供
不要在 Firefox/IE 的隐私浏览模式下尝试。它仅适用于常规浏览模式。但它在 Chrome 中的两种模式下都有效
离线时，对 URL 的简单更改可能会出现问题
- http://localhost:8080/app 不适用于 Firefox/IE
- http://localhost:8080/app/ 适用于 Firefox/IE
它们都在 Chrome 中工作
使用这些方便的资源查看器获得更详细的视角
- about:cache - 火狐
- chrome://appcache-internals/ - 铬

如果有人知道IE是什么，请填写。

【讨论】：

【解决方案5】：

在 Firefox 首选项 -> 高级 -> 网络中，在“以下网站已存储数据供离线使用：”列表中，您看到您的网站了吗？如果是这样，请尝试从列表中清除您的网站，然后重新加载您的网站。

【讨论】：

它显示在列表中，所以我清除了它，但它仍然没有工作。感谢您的建议。
你能发布一个链接到现场网站吗？此外，是否 cotangent.co（我的）在 FF 中为您缓存？如果是这样，请查看源代码并将缓存代码复制到您的站点中。使用仅包含以下行的 .htaccess 文件“AddType text/cache-manifest appcache manifest”（显然没有引号）。如果可行，请一次将一项添加回清单文件，直到出现问题。
嗨 metahack。我看过你的网站，它确实工作正常。我唯一能想到的是我的网站 (steve-j.co.uk) 没有物理 .html 页面。它是使用 cms 动态生成的。也许这会导致 FF 出现问题，但奇怪的是它仍然可以在其他浏览器上运行。
看起来 steve-j.co.uk 包含一些指向不在清单中的幻灯片图像的链接——也许 Firefox javascript 正在尝试运行幻灯片并正在挂起页面。尝试暂时删除幻灯片或在您的主页上查看源代码并确保您看到的每个链接都在清单中。你的内容管理系统是什么？

【解决方案6】：

上面 Earl 的回答与关闭 FireBug 相结合对我有用。

在 Firefox 首选项 -> 高级 -> 网络中，在“以下网站已存储数据供离线使用：”列表，你看到你的网站？如果是这样，请尝试从列表中清除您的网站，然后重新加载您的网站。

【讨论】：

【解决方案7】：

我也面临同样的问题；这个标题对我来说是修复的。

内容类型：文本/缓存清单

【讨论】：