html5localStorage實(shí)用

    html5的很多方法現(xiàn)在支持情況都越來(lái)越好了，特別是在移動(dòng)端。最近做移動(dòng)端小游戲用到localStorage，特將使用方法和遇到的問(wèn)題加以說(shuō)明。

澄邁ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

    簡(jiǎn)介

    localStorage是html5提供的供開(kāi)發(fā)者本地存儲(chǔ)數(shù)據(jù)的一種特別方便的方法。開(kāi)發(fā)者可以使用此方法講部分?jǐn)?shù)據(jù)保存到本地，以便下次驗(yàn)證，數(shù)據(jù)傳輸?shù)?。大部分pc瀏覽器存儲(chǔ)的數(shù)據(jù)量大小目前主流說(shuō)法為5M以內(nèi)，移動(dòng)端瀏覽器沒(méi)有做這方面測(cè)試，所以沒(méi)有發(fā)言權(quán)。

    兼容性

    ie 8+

    firefox 3.0+

    opera 10.5+

    chrome 4.0+

    android 2.0+

    ios據(jù)說(shuō)也是2.0+，沒(méi)見(jiàn)過(guò)ios 2.0的機(jī)器，所以可以認(rèn)為ios無(wú)下限

    兼容性總體來(lái)說(shuō)是沒(méi)有問(wèn)題的，目前大部分pc端項(xiàng)目ie8考慮就可以了。但是如果你的項(xiàng)目面對(duì)的用戶群為廣大的網(wǎng)吧殺馬特少年，最好還是別用此屬性。當(dāng)然，移動(dòng)端可以放蕩的使用，沒(méi)有問(wèn)題。

    使用方法

    localstorage提供了兩種使用方法

    1.

//set value
localStorage.name="rogue";
localStorage.age="secret";
//get value
document.write(localStorage.name); // get "rogue"
alert(localStorage.age);  //get "secret"

    此方法簡(jiǎn)單易用，比較流行常用。手機(jī)測(cè)試沒(méi)出現(xiàn)什么問(wèn)題。

    2.

//set value
 localStorage.setItem("name","rogue");
 localStorage.setItem("age","secret");
//get value
document.write(localStorage.getItem("name")); //get "rogue" string
alert(localStorage.getItem("age")); //get "secret"

    此方法由于比方法1要多書寫N個(gè)字母，so使用不是很廣泛。

    方法1與方法2可單用，可混用，測(cè)試大部分手機(jī)，沒(méi)發(fā)現(xiàn)問(wèn)題。

    注意

    不論用何種方法存儲(chǔ)數(shù)據(jù)，官方給出的說(shuō)法是數(shù)據(jù)存儲(chǔ)沒(méi)有任何限制，在第二天、第二周或下一年之后，數(shù)據(jù)依然可用。但是移動(dòng)端經(jīng)測(cè)試數(shù)據(jù)仍然會(huì)存在丟失的情況，經(jīng)過(guò)N久排查最終找到原因:

    測(cè)試發(fā)現(xiàn)，當(dāng)android或ios設(shè)備在不同網(wǎng)絡(luò)環(huán)境下連續(xù)切換兩次，localStorage存儲(chǔ)的數(shù)據(jù)就會(huì)丟失。舉個(gè)栗子，你的iphone在3g網(wǎng)絡(luò)下玩過(guò)網(wǎng)頁(yè)版2048然后暫時(shí)存儲(chǔ)了部分?jǐn)?shù)據(jù)（最高分，游戲當(dāng)前狀態(tài)等），切換到wifi環(huán)境下重新打開(kāi)此網(wǎng)頁(yè)數(shù)據(jù)還在，再次切換到3g網(wǎng)絡(luò)所有的localStorage數(shù)值對(duì)全部神奇的disappear了。所以說(shuō)官方很多時(shí)候是靠不住的，真機(jī)測(cè)試才是王道。

    測(cè)試機(jī)包括：android4.0以上機(jī)器十幾臺(tái)、ios5.0設(shè)備一臺(tái)、ios7.1設(shè)備一臺(tái)

    （本文僅代表個(gè)人觀點(diǎn)，如有錯(cuò)誤，請(qǐng)?jiān)u論指正，謝謝）

    

    

當(dāng)前名稱：html5localStorage實(shí)用
文章地址：http://m.jiaotiyi.com/article/jgjopj.html