HTML5 AppCache:浏览器刷新不起作用

时间:2012-05-23 14:00:44

标签: html5 html5-appcache

我很难让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的样式。

我做错了什么?如果我查看开发人员工具中的Resources选项卡,我会看到manifest文件,html文件和test.css文件出现在appcache中。当我刷新时,Fiddler显示清单文件的返回时,HTTP代码为304,我想这是预期的吗?

谢谢,

安迪

1 个答案:

答案 0 :(得分:0)

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