离线应用与客户端缓存

离线检测

navigator.onLine属性检测是否离线

1
2
3
4
5
if (navigator.onLine) {
// online
} else {
// offline
}

浏览器在离线和在线状态相互转换时,会在window对象上触发onlineoffline事件,可以通过监听事件检测浏览器状态

应用缓存

Go offline with application cache

HTML5的应用缓存,简称appcache。
可以用一个描述文件,列出要下载和缓存的资源

1
2
3
4
5
CACHE MANIFEST
#Comment
file.js
file.css

关联描述文件与页面

1
<html manifest="/offline.manifest">

##待插入内容

数据储存

坚持原创技术分享,您的支持将鼓励我继续创作!