javascript - HTML5 セッション ストレージに新しいアイテムを保存するのに十分なスペースがあるかどうかを確認する方法

Question

アイテムの配列を html5 セッション ストレージに格納したいと考えています。しかし、新しいアイテムを配列に格納する前に、十分なスペースがあるかどうかを確認し、十分でない場合は最初の要素を削除して新しいアイテムを追加したいと考えています。セッション ストレージの空き容量を知るにはどうすればよいですか?

Answer 1

そこにデータを入れて、考えられるエラーをキャッチしてみてください：

try {
    sessionStorage.setItem('key', data);
} catch (e) {
    if (e.name === 'QuotaExceededError') {
        /* do something else */
    }
}