当互联网可用时,停止从缓存加载页面

时间:2016-08-30 17:19:29

标签: html5 caching offline offline-caching

我的项目需要离线功能。我已经实现了HTML5的离线功能,它运行正常。我面临的问题是,当互联网可用时。浏览器从缓存加载数据,而不是从Web服务器获取数据。我知道这是因为清单文件没有改变。

有没有办法可以强制浏览器在互联网可用时从服务器加载数据,并在没有互联网时从缓存加载数据?

我的项目在CakePHP中。

1 个答案:

答案 0 :(得分:0)

我对you

有很好的解读

但只是为了给你一个预览,你应该创建一个清单文件并选择将加载和不加入互联网的文件/文件夹。

清单代码示例

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

清单文件是一个简单的文本文件,告诉浏览器缓存什么(以及永不缓存的内容)。

清单文件有三个部分:

CACHE MANIFEST - 此标题下列出的文件将在首次下载后进行缓存

NETWORK - 此标题下列出的文件需要连接到服务器,永远不会被缓存

FALLBACK - 如果网页无法访问,此标题下列出的文件会指定后备页面

完整示例

CACHE MANIFEST
# 2016-08-29 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html/ /offline.html

我希望这能启发你的想法我的朋友。 =)