JS高级程序设计23-离线应用与客户端存储_什么是online 什么是offline 程序设计-CSDN博客

本文链接：https://blog.csdn.net/yunjiepiaobai/article/details/47056297

离线检测

离线检测的属性和事件

navigator.online属性
window的online事件
window的offline事件

应用缓存（627）

描述文件

HTML5的应用缓存（appcache）是专门为开发离线Web应用而设计的，想在appcache中保存数据，需要使用一个描述文件（manifest file）,列出要下载和缓存的资源

//将页面与描述文件关联起来：
<html manifest="/offline.manifest">

applicationCache对象

//applicationCache对象的status属性
0--无缓存，即没有与页面相关的应用缓存
1--闲置，应用缓存未得到更新
2--检查中，正在下载描述文件并检查更新
3--下载中，即应用缓存正在下载描述文件中指定的资源
4--更新完成，即应用缓存已经更新了资源，而且所有资源都已经下载完毕，可以通过swapCache()来使用了；
5--废弃，即应用缓存的描述文件已经不存在了，因此页面无法在访问应用缓存

//applicationCache对象的事件
checking--在浏览器为应用缓存查找更新时触发；
error--在检查更新或下载资源期间发生错误时触发；
noupdate--在检查描述文件发现文件无变化时触发；
downloading--在开始下载应用缓存资源时触发；
progress--在文件下载应用缓存的过程中持续不断地触发；
updateready--在页面新的应用缓存下载完毕且可以通过swapCache()使用时触发；
cached--在应用缓存完整可用时触发

//applicationCache对象的方法
update()--调用该方法手动干预，让应用缓存为检查更新而触发上述事件
awapCache()--启用新应用缓存

数据存储（628）