h5 localStorage存儲大小(轉)

摘要

HTML5 的本地存儲 API 中的 localStorage 與 sessionStorage 在使用方法上是相同的，區別在於 sessionStorage 在關閉頁面后即被清空，而 localStorage 則會一直保存。我們這里以 localStorage 為例，簡要介紹下 Html5 的本地存儲，並針對如遍歷等常見問題作一些示例說明。 localStorage 是 HTML5 本地存儲的 API，使用鍵值對的方式進行存取數據，存取的數據只能是字符串。不同瀏覽器對該 API 支持情況有所差異，如使用方法、最大存儲空間等。

存儲大小限制

不同瀏覽器對 HTML5 的本地存儲大小基本均有限制，一個測試的結果如下：

IE 9          > 4999995 + 5 = 5000000
firefox 22.0 > 5242875 + 5 = 5242880
chrome  28.0  > 2621435 + 5 = 2621440
safari  5.1   > 2621435 + 5 = 2621440
opera   12.15 > 5M （超出則會彈出允許請求更多空間的對話框）

異常處理

localStorage.setItem(key,value);
}catch(oException){
    if(oException.name == 'QuotaExceededError'){
        console.log('超出本地存儲限額！');
        //如果歷史信息不重要了，可清空后再設置
        localStorage.clear();
        localStorage.setItem(key,value);
    }

}

原文地址

http://blog.csdn.net/wflowho/article/details/53172275