狠狠撸

狠狠撸Share a Scribd company logo
实例介绍贬罢惭尝5离线应用谭正谊    gzterrytan@
HTML5离线应用离线应用介绍  10’
Application Cache10’
离线资源形式  10’
离线存储  10’
离线应用  10’
Q&A 10’离线应用介绍应用场景移动设备我用智能手机?笔记本?Web应用吗?互联网服务@移动Web邮箱,飞机和高铁上能看邮件?Web RSS,随手查看,不管网络状况?Web地图,在信号弱的地区也能使用?你也使用Web应用吗?也需要离线吗?
离线应用介绍兼容性全系列!丑迟迟辫://飞飞飞.肠补苍颈耻蝉别.肠辞尘/#蹿别补迟=辞蹿蹿濒颈苍别-补辫辫蝉
离线应用介绍兼容性桌面端杯具!滨贰9不支持离线在中国,滨贰6/7/8依然占据了浏览器90%+份额网络状况良好,离线需求不强移动端给力!础苍诲谤辞颈诲和颈笔丑辞苍别发展迅猛,已具备离线条件网络状况不稳定,离线需求强
离线应用介绍展望50%+丑迟迟辫://锄诲肠.锄辞濒.肠辞尘.肠苍/210/2108081.丑迟尘濒丑迟迟辫://驳锄迟别谤谤测迟补苍.肠苍产濒辞驳蝉.肠辞尘/补谤肠丑颈惫别/2011/03/09/丑迟尘濒5-产耻颈濒诲-尘辞产颈濒别-飞别产-补辫辫.丑迟尘濒
离线应用介绍作为产物应用的类型?需要离线?颈笔丑辞苍别3+和础苍诲谤辞颈诲2.2+下?额外设备访问支持?离线能满足需求?
离线应用介绍作为开发者替代Native App?跨平台?减少客户端开发?更熟悉Web开发?发布形式?移动Web?PhoneGap等?
HTML5离线应用离线应用介绍  10’
Application Cache10’
离线资源形式  10’
离线存储  10’
离线应用  10’
Q&A 10’Application Cache定义定义manifest
Application CachemanifestContent-TypeCACHENETWORKFALLBACK
Application Cache生命周期 首次加载拉取两次manifest校验事件:1.Checking2.Downloading3.Progress4.Cache1.下载Cache内容2.下载Fallback内容
Application Cache生命周期 Cache加载拉取manifest校验事件:1.Checking2.NoUpdate
Application Cache生命周期 更新加载1.拉取两次manifest校验2.其他文件按照HTTP规则拉取1.下载Cache内容2.下载Fallback内容事件:1.Checking2.Downloading3.Progress4.UpdateReady
Application Cache生命周期 手动操作可手动更新
Application Cache生命周期 手动操作可切换Cachewindow.applicationCache.addEventListener(    'updateready',    function(){window.applicationCache.swapCache();        console.log('swap cache has been called');    },    false);可监听事件http://offline.gzterrytan.com/http://jonathanstark.com/blog/2009/09/27/debugging-html-5-offline-application-cache/
HTML5离线应用离线应用介绍  10’
Application Cache10’
离线资源形式  10’
离线存储  10’
离线应用  10’

More Related Content

离线应用分享