轩枫阁

首页 / Web前端 / HTML / H5离线存储三——实时程序加载进度

H5离线存储三——实时程序加载进度

前言

本文介绍H5离线存储的应用点——利用应用程序存储实现进度加载提示。

Stackedit

上文中提到stackedit这个编辑器也运用了离线存储,以下是程序所需要加载的文件。

Chrome插件安装:https://chrome.google.com/webstore/detail/stackedit/iiooodelglhkcpgbajoejffhijaclcdg

直接访问:https://stackedit.io/editor

stackEdit

 

常用页面

在需要经常访问的手机页面,如一些常用的程序中,结合应用程序存储,就能给产品带来美好的体验。下面的网页展示了该程序所需要加载文件的加载进度。

程序demo

http://www.xuanfengge.com/demo/201506/charm-applicationCache/

加载进度

appcache

加载过程

sdfsdfsdf

Chrome工具appcache-internals

上面的网页,在第二次打开的时候,就不会显示加载及大怒了,因为文件已在本地缓存,且没有改变无需更新。

可以在Chrome中输入 chrome://appcache-internals/ ,选择相应的Manifest清单进行删除或者浏览文件操作。

sdfsdfds

sdfdsf

 

程序缓存清单

绘制圆圈

applicationCache事件监听

120/470
122/470

相关阅读

文章评论

  • 火狐没有效果,有没有办法呢

  • tower.im 有个动态更新html的技能,我不了解他是怎么做到的,你也去帮我看看。协同的时候,同一团队中的一人如果更新的项目,那么其他人如果是一直打开 动态 页面的,那么他们的动态页面在无刷新的情况下也会动态更新。感觉这个太吊了[衰]

    • 之前在毕业设计的时候,写了个多人实时在线web游戏,用websocket就可以实现,这里也是

      • 没接触过这类的,有空我去研究下。谢啦

  • tyrey

  • yr46

  • htjtjq

  • 4353

  • tryyr

  • tr

  • yewdfv

  • trtrterwtewy

  • hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

  • fdfdfdf vfdgfdgdrhyhtry5tr4y

  • 请博主继续发好贴,支持你

  • 现在都用html5来写网站了

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子