如何獲得使用當前應用

Question

總HTML5存儲大小，我需要一種方法來發現，通過使用HTML5 sessionStorage/localStorage在運行時應用程序所花費的總規模。

我不希望基於探查器的方法。

什麼我目前做的是 -

var data = 0; 
for(var v in window.sessionStorage){ 
data += window.sessionStorage.getItem(v); 
} 

console.log(data);//.length to get char length 

然後我就複製粘貼此值到一個文本文件，並檢查大小。

醜陋，仍然不幫助我。在HTML5 API中有沒有這種內置方法（任何方法）？

謝謝。

Answer 1

不，不是跨瀏覽器。 IE排序爲has it，其他則不。但當然，可以計算域上的剩餘尺寸。看下面的例子。

僅適用於IE：

var remSpace = window.localStorage.remainingSpace; 

對於FF /鉻/ Safari瀏覽器：

var limit = 1024 * 1024 * 5; // 5 MB 
var remSpace = limit - unescape(encodeURIComponent(JSON.stringify(localStorage))).length; 

歌劇： 5 MB的標準，但瀏覽器提供增加極限應用需要更多的空間。

Answer 2

我發現這個問題，而試圖尋找自己解決這個問題，並希望分享我在那裏結束了，以防萬一它可能被證明爲他人有所幫助。

它的缺點是，當我向localStorage添加一個值時，我把它的鍵放在一個數組中。然後，在向localStorage寫入其他內容之前，我通過鍵循環並獲得其長度的總和，以確保我沒有超出我熟悉的閾值。

如果localStorage的是大於2MB（在這種情況下），則它會從localStorage的第一項，刪除該數組該條目，然後寫入新條目。

// check the size of localStorage 

var localStorageArray = []; 
var localStorageSize = 0; 

for (var i=0; i < localStorageArray.length; i++) { 
    localStorageSize += localStorage.getItem(localStorageArray[i]).length; 
} 

// save to localStorage if it has not been saved already 

if (!localStorage.getItem(key)){ 
    if (localStorageSize < 2000000) { 
     localStorage.setItem(key, value); 
     localStorageArray.push(key); 
    } else { 
     localStorage.removeItem(localStorageArray[0]); 
     localStorageArray.shift(); 
     localStorage.setItem(key, value); 
     localStorageArray.push(key); 
    } 
}