HTML5的离线应用

程序员 2024-9-4 01:15:51 164 0 来自 中国
一,离线应用

        什么是离线应用呢?
就是你现在正在页面上欣赏网页大概填写信息,正在这时,你家的wifi突然断了,那么这时你重新毗连页面会发现之前的页面都重新加载了,之前填写的相干信息也得重新开始写。那么假如你的web应用支持离线功能,那么就不会用这种履历了。
        什么时间思量使用离线呢
并不是全部网页都要设置为离线,而是那种交互性和有状态的网页(动用很多js代码维护信息的)实用于离线
二,怎样创建离线应用

离线应用的技能就是缓存,即下载文件并在盘算机大概移动端上生存一份副本,就像我们手机上一样平常的缓存。如QQ音乐,当你播放完一首音乐,当你不能上网也能听刚才你播完的这一首音乐,这就是缓存文件
创建离线应用的三大步调

  • 1创建形貌文件
    形貌文件(manifest file)是用来告诉欣赏器生存什么文件,形貌文件是用来列出全部必要缓存的内容
  • 2修改网页,引用形貌文件
    引用形貌文件,欣赏器哀求页面时就会下载形貌文件
  • 3 设置web服务器
2.1创建形貌文件

形貌文件是一个文本文件,此中列出了所必要缓存的文化
形貌文件的第一行是CACHE MANIFEST
然后在列出必要缓存的文件
index.html
index.js
举例

1.png
起首#开头的是表明,其次这些目次就要与web服务器的目次对应
当你创建完形貌文件后缀为.manifest 和.appcache,把他们放在网站的根目次下,与其他网页放在一起.而现在大多数的缓存空间为5MB
2.2使用形貌文件

要在网页中引用他,在html元素加manifest属性,并引入形貌文件的位置
<html lang ='en' manifest="./index.manifest">那么会有一个问题,由于欣赏器缓存是不绝生存在电脑上的,以是当你再次更新页面他还会用之前缓存的内容
办理方法让形貌文件看起来像新的一样,添加表明
欣赏器支持版本
欣赏器IEFirefoxChromeSafarioperaSafari IOSAndroid最低版本-3.55410.62.12
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2025-3-3 00:29, Processed in 0.141162 second(s), 35 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表