HTML5技术

html5实例解析:开发web app的过程_HTML教程(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:26 我要评论( )

我们只需要缓存两个文件即可,nbStyle.css 和 nbScript.js。还有index.html 本身,由于manifest文件会默认缓存引用自己的文件,所以index.html 不能在缓存列表中写出来: CACHE MANIFEST# version: 2010-01-20 22:3

我们只需要缓存两个文件即可,nbStyle.css 和 nbScript.js。还有index.html 本身,由于manifest文件会默认缓存引用自己的文件,所以index.html 不能在缓存列表中写出来:

CACHE MANIFEST # version: 2010-01-20 22:30 nbStyle.css nbScript.js

就是这么简单了,我们将他保存为 notebook.manifest 文件,并和其它文件一起放在根目录。

最后一个问题,如果将notebook.manifest的mimetype标识为 text/cache-manifest 类型呢?我知道有两种方法:

1. 在站点根目录建立 .htaccess 文件,在其中声明.manifest 的mimetype ,这个需要修改下服务器的配置文件,我没有尝试成功。

2. php环境在apache目录寻找一个为 “mime.types” 的配置文件,在其最后添加一行:

text/cache-manifest manifest

然后在index.html文件引用它:

搞定了这些东西,你就可以尝试用webkit访问你的应用,然后离线,再尝试使用它,程序应该也可以照常运行。

至此,html5的离线存储基本介绍完了,下面附上打包的代码,代码本身没有什么难度,只是我写的太烂了:

代码下载

其实还远没有完,缓存下来的文件如果被更新了怎么办呢?如何通知客户端更新缓存其实也有api,慢慢的再探索吧。非常期待与大家探讨html5相关的问题。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5教程:新增加的27条标签集合_HTML教程

    HTML5教程:新增加的27条标签集合_HTML教程

    2015-09-24 18:09

  • HTML5代码的优缺点_HTML教程

    HTML5代码的优缺点_HTML教程

    2015-09-19 18:50

  • HTML5的基础写法_HTML教程

    HTML5的基础写法_HTML教程

    2015-09-19 18:38

  • HTML5设计原理_HTML教程

    HTML5设计原理_HTML教程

    2015-09-17 16:26

网友点评
a