html5-本地存储，sql，缓存

--本地存储 分：localStorage sessionStorage

--设值

localStorage.setItem("key1",'value12');

localStorage["key1"] = 'value1';

 

--取值

localStorage["key1"]

localStorage.getItem("key1")

 

--删值

localStorae.clearStorage();

 

for(var i=0; ivar key = localStorage.key(i);  

    console.log(key + “:” + localStorage[key]);  

}

 

 

---本地存储 sqlilite

 

if (!window.openDatabase) {

        log("不支持HTML5 WEB SQL！");

} else {

        db = openDatabase(_DB_NAME,'', _DB_DESCRIBE,_DB_SIZE);

}

 

 

//sql：sql语句  arr：参数  suc：成功回调  fail:失败回调

function(sql,arr,suc,fail){ 

db.transaction(function(tx) {

tx.executeSql(sql, arr,suc,fail);

});

}

 

 

--cache 内置cache，加载后判断是否存在

<mime-mapping>

     <extension>manifest</extension>

     <mime-type>text/cache-manifest</mime-type>

</mime-mapping>

--如果manifest有更新，下载完毕所有跟新文件，触发下面事件

applicationCache.onUpdateReady = function(){

  alert("已经更新");

}

 

--缓存已经下载，准备被更新，不调用该方法会在下次打开该页面使用新的数据

applicationCache.swapCache();

 

--检查服务器上的manifest是否更新了

applicationCache.update();

 

--发现有manifest

checking()

 

--不存在 manifest，或者下载页面返回错误

error()

 

--没有更新 manifest

noupdate()

 

--开始下载缓存文件

downing()

 

--下载过程中周期性触发

progress()

 

--下载过程发送 404 401错误

obsolete()

 

 

 

--下载完毕

checked()

 

CACHE

NETWORK

FALLBACK

 

 

1.Safari桌面浏览器(Mac 和Windows)没有限制。

2.移动Safari限制为10MB。

3.Chrome限制为5MB。

4.安卓浏览器对ApplicationCache的大小无限制。

5.Firefox桌面也没有限制。

6.Opera对ApplicationCache的限制可由用户自己管理，但是默认大小为50MB。

 

chrome://appcache-internals

 

--chrome sqllite

C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\User Data\Default\databases