离线应用
一个离线应用,主要包括以下三个方面:
缓存(cache):一般来说适合放比较大内容的文件。
在线监听:根据在线或离线状态采取不同的策略。
本地数据储存——localStorage,sessionStorage和indexedDB。通常可以作为一个小型的数据库。
离线应用会拥有一个特殊的UTF-8描述文件(.mainfest或者.appcahe),类型为。
有了这个文件,就可以把html和它关联起来:
结果如下
看到这个图,说明该离线应用已经开始工作。
问题来了
离线之后。更新了内容怎么办?
比方说,我在main.html加了一张图片代码。悲催地发现,无论怎样修改,网页都不刷新了。
因此APPcache方案还是比较糟糕的。
这就用到了service worker。
service worker提供4个功能:
后台消息传送
网络代理
离线缓存
消息推送
在这里service worker可以通过postMessage和页面通信
明天将彻底实现一个便签应用。
领取专属 10元无门槛券
私享最新 技术干货