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

相关推荐