HTML5 AppCache：浏览器刷新不起作用答案

【问题标题】：HTML5 AppCache: Browser Refresh Not WorkingHTML5 AppCache：浏览器刷新不起作用
【发布时间】：2012-05-23 14:00:43
【问题描述】：

我很难让离线文件在 Chrome 中运行。离线页面的第一个视图效果很好，但是如果我刷新浏览器，就没有那么多了。

这是清单文件（内容类型为“text/cache-manifest”）：

CACHE MANIFEST
CACHE:
../CSS/test.css

这是我想离线运行的页面的 HTML：

<!DOCTYPE html>
<html manifest="/appname/Resources/manifest.appcache">
<head>
<link rel="stylesheet" href="../CSS/test.css" />
</head>
<body>foo</body>
</html>

当第一次加载离线页面时，我在 Chrome 开发者工具控制台中看到清单中的文件被加载到 appcache 中，没有任何错误，这很好。但是，当我尝试刷新浏览器时，我在控制台中看到 HTTP GET 错误，并且该页面没有应用来自 test.css 的样式。

我做错了什么？如果我查看开发人员工具中的资源选项卡，我会看到清单文件、html 文件和 test.css 文件出现在 appcache 中。当我刷新时，Fiddler 显示清单文件正在返回一个 HTTP 代码 304，我猜这是预期的吗？

谢谢，

安迪

【问题讨论】：

您能否给出您的应用程序的结构（哪些文件在哪些目录中）？
appname/Resources/manifest.appcache, appname/CSS/test.css, appname/HTML/test.html

标签： html html5-appcache

【解决方案1】：

修复方法是将清单的引用从 /appname/Resources/manifest.appcache 更改为 ../Resources/manifest.appcache。我不知道为什么对清单的初始调用会成功，而后一个路径会因前一个路径而失败，但后一个路径似乎有效。

【讨论】：