文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML5离线数据存储

问HTML5离线数据存储
EN

Stack Overflow用户

提问于 2012-02-15 20:04:52

回答 2查看 616关注 0票数 3

即时通信使用HTML5离线存储

我的Index.html页面

<!DOCTYPE html>
<html lang="en" manifest="/offline-cache.manifest">

<head>
    <meta charset="utf-8">
    <title>HTML5 offline code demo</title>  
</head>
<body>
       <div id="content">
        <img src="http://increaserss.com/wp-content/uploads/flickr-rss.jpg" alt="img to be cached" />
       </div>

</body>
</html>

offline-cache.manifest文件

CACHE MANIFEST
#just want to cache that remote image only
http://increaserss.com/wp-content/uploads/flickr-rss.jpg

我的htaccess

RewriteEngine On
AddType text/cache-manifest .manifest

在第一次使用互联网加载页面，然后禁用互联网并尝试访问此index.html后，缓存工作正常，但如果我再次点击f5，图像不会显示(只有alt文本在那里)，当我点击url栏并点击回车(就像是一个新的请求)，它是工作fine...any方式，以维持缓存的页面刷新(F5)？

.htaccess

offline-caching

offline-browsing

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-02-15 23:29:45

我将首先验证您是否可以提取不在服务器上的资产，然后缓存它们？我在想，你可能模糊了浏览器缓存和HTML5应用缓存之间的界限？

我还要确保您没有使用Internet Explorer，因为它不支持脱机缓存。

缓存清单还应在缓存清单标头之后包含版本号(例如，# version 1.4)，缓存的文件应该在CACHE:头下面。例如。

CACHE MANIFEST
# version 1.4

CACHE:
images/flickr-rss.jpg

请让我们知道你的进展如何。

票数 1

Stack Overflow用户

发布于 2012-02-16 11:48:59

您正在使用完整的URL，镜像是否不在同一服务器上？如果是这样的话，这可以防止它被缓存。如果你使用的是Chrome，它会将缓存事件报告给控制台。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9293030

复制

相似问题

问HTML5离线数据存储
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5离线数据存储EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5离线数据存储
EN