Listar el contenido de Local Storage en HTML5

Si desconocemos las claves de la Local Storage del navegador en HTML5, siempre podemos acceder a listar el contenido de la caché.

Obtener el tamaño 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é.

Obtener la clave

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

Acceder al contenido

Una vez que tenemos la clave solo nos queda acceder al contenido de la misma mediante el método .getItem()

localStorage.getItem(clave);

Código completo

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) + "<br>");
}