web离线应用

最新推荐文章于 2024-09-18 00:39:57 发布

请叫我萝卜斯基先生

最新推荐文章于 2024-09-18 00:39:57 发布

阅读量599

点赞数 1

分类专栏：前端文章标签：离线 web

本文链接：https://blog.csdn.net/luobosiji/article/details/89379967

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

离线应用

确保设备可以上网,访问一定的资源

离线检测

navigator.onLine //true 表示可以上网
//网络从离线变为在线触发
window.addEventListener('online',function(){})
//网路从在线变为离线触发
window.addEventListener('offline',function(){})

有一块本地空间用于保存数据,无论是否上网都不影响读写

应用缓存(application cache) 简称 appcache

appcache是从浏览器的缓存中分出来的缓存区
使用 描述文件(manifest file) 来保存数据

//描述文件
//最简单的情况下 描述文件列出的都是需要下载的资源,以离线使用
CACHE MANIFEST
#Coment

file.js
file.css
//描述文件与页面关联 扩展名推荐使用 .appcache
<html manifest="/offline.manifest">

applicationCache

ApplicationCache 
 oncached: null //应用缓存完整可用时触发
 onchecking: null //浏览器为应用缓存查找更新时触发
 ondownloading: null //开始下载缓存资源时触发
 onerror: null //检查更新或下载资源发生错误触发
 onnoupdate: null //检查描述文件无变化触发
 onobsolete: null //
 onprogress: null //下载应用缓存时不断触发
 onupdateready: null //应用缓存下载完毕可以使用触发
 status: 0
 /*
 0 无缓存 
 1 闲置 缓存未更新
 2 检查中 下载描述文件并检查更新
 3 下载中 下载资源文件
 4 更新完成 此时可以通过 swapCache() 来使用了
 5 废弃 表示描述文件不存在了
 */