码迷,mamicode.com
首页 > Web开发 > 详细

html5离线应用和缓存

时间:2016-12-18 18:17:39      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:blog   log   demo   ...   version   style   ons   网站   关闭   

1 localstorage和sessionstorage

 

sessionStrage:
session即会话的意思,在这里的session是指用户浏览某个网站时,从进入网站到关闭网站这个时间段,session对象的有效期就只有这么长。

localStorage:
将数据保存在客户端硬件设备上,不管它是什么,意思就是下次打开计算机时候数据还在。

两者区别就是一个作为临时保存,一个拥有长期保存。
2本地数据库
使用SQLLite数据库,需要两个必要步骤:
创建数据库访问对象
使用事务处理

创建对象:
openDatabase(dbName, version, dbDesc, size)

实际访问:
db.transaction(function () {
  tx.excuteSql(create table ......);
});

数据查询:
excuteSql(sql, [], dataHandler, errorHandler)//后面两个为回调函数;[]估计是做sql注入处理

3 manifest文件

 

 

1 建议名称后缀名为.appcache

 

<!DOCTYPE HTML>
<html manifest="demo.appcache">

<body>
The content of the document......
</body>

</html>

  

  

2 WEB-INF/web.xml 文件里设置.
  <mime-mapping>
    <extension>appcache</extension>
    <mime-type>text/cache-manifest</mime-type>
  </mime-mapping> 

3 demo.appcache如下
CACHE MANIFEST #我是注释,这个文件名叫test.manifest 
CACHE:
/当前项目名/test.css
/当前项目名/da.jpg
4 游览器第一次访问会自动打印缓存日志

技术分享

 



 

 

 

html5离线应用和缓存

标签:blog   log   demo   ...   version   style   ons   网站   关闭   

原文地址:http://www.cnblogs.com/WhiteHorseIsNotHorse/p/6194727.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!