现在的位置: 首页 > 综合 > 正文

HTML5之离线网络应用程序(文件存储)

2018年05月20日 ⁄ 综合 ⁄ 共 592字 ⁄ 字号 评论关闭

1:可以将HTML相关的文件都缓存在客户端,如CSS文件、JS文件、图片、视频等。这样当用户无法上网时,仍然可以使用这些文件完成一些功能,

    这也被称为文件的离线存储。

  要实现文件的离线存储,需要3个步骤:

     (1) 配置服务器manifest文件的MIME类型

     (2) 编写manifest文件

     (3) 在页面的html元素的manifest属性用引用写好的manifest文件

2:使用离线应用

     <html manifest="test.manifest">

            .....

     </html>

     

 2.1 创建清单文件

 

  CACHE  MANIFEST
   #offline NotePad v1.1 
  #offline NotePad modified by 10/22/2010
   #这是一个缓存清单文件,注释可以定义版本号
  #定义缓存的文件,这些要缓存的文件应该都是静态文件
  CACHE:
     index.html
     style.css
     images/logo.png
     scripts/main.js

  #以下资源必须在线访问
 NETWORK:
   login.php

#定义重定向
#如果是index.php无法访问则用404.html代替
FALLBACK:
  /index.php  /404.html

  2.2 更细离线存储

    要更新离线存储的文件,必须更新manifest文件,否则,即使存储的文件发生了更改,也不会有任何作用。

  

抱歉!评论已关闭.