現在のアプリケーションで使用されているhtml5ストレージの合計サイズを取得する方法

Question

実行時に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、他はありません。もちろん、残りのサイズはドメインのになります。下記の例を参照してください。 FF /クローム/サファリのために

var remSpace = window.localStorage.remainingSpace; 

：

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

オペラ：IEの場合のみ

5メガバイトが標準ですが、ブラウザを使用すると、アプリケーションはより多くのスペースを必要とする制限を増やすために提供しています。

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); 
    } 
}