Si desconocemos las claves de la Local Storage del navegador en HTML5, siempre podemos acceder a listar el contenido de la caché.
Para ello, lo primero que haremos será el conocer el tamaño de la caché. Esto nos lo proporciona la propiedad .length
for (x=0; x<=localStorage.length-1; x++) { ... }
Así, mediante un bucle for podremos iterar sobre los elementos de la caché.
De cada una de las posiciones de la caché vamos a pedir el nombre de la clave que contiene. El método .key() será el que nos sirva para poder realizar dicha acción:
clave = localStorage.key(x);
Una vez que tenemos la clave solo nos queda acceder al contenido de la misma mediante el método .getItem()
localStorage.getItem(clave);
El código final que accede al contenido de la Local Storage en HTML5 nos quedará de la siguiente forma:
for (x=0; x<=localStorage.length-1; x++) {
clave = localStorage.key(x);
document.write("La clave " + clave + "contiene el valor " + localStorage.getItem(clave) + "
");
}
