Cómo obtener el tamaño de almacenamiento html5 total utilizado por la aplicación actual

Question

Necesito una forma de encontrar el tamaño total tomado por una aplicación usando HTML5 sessionStorage/localStorage en tiempo de ejecución.

No quiero enfoques basados ​​en el perfilador.

Lo que estoy haciendo actualmente es -

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

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

Y luego copiar y pegar este valor en un archivo de texto y comprobar el tamaño.

Feo y todavía no me ayuda tampoco. ¿Hay alguna forma (algún método) en las API HTML5 que tenga incorporado?

Gracias.

Answer 1

No, no se cruzó el navegador. IE tipo de has it, los otros no. Pero, por supuesto, se puede calcular el tamaño restante en el dominio. Vea los ejemplos a continuación.

Sólo para IE:

var remSpace = window.localStorage.remainingSpace; 

Para FF/Chrome/Safari:

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

Opera: 5 MB es estándar, pero el navegador ofrece para aumentar límite en cuanto aplicaciones requieren más espacio.

Answer 2

Encontré esta pregunta al intentar encontrar mi propia solución a este problema y quería compartir dónde terminé, en caso de que pueda ser útil para otros.

En resumen, cuando agrego un valor a localStorage, pongo su clave en una matriz. Luego, antes de escribir algo más a localStorage, recorro las teclas y obtengo una suma de sus longitudes para asegurarme de que no estoy por encima del umbral con el que me siento cómodo.

Si localStorage es mayor que 2Mb (en este caso), elimina el primer elemento de localStorage, elimina esa entrada de la matriz y luego escribe la nueva entrada.

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