Visualización del almacenamiento html5 en Chrome y Firefox

Question

¿Cómo puedo ver el almacenamiento web HTML5 en Chrome y Firefox? ¿Cuáles son las mejores herramientas disponibles?

Answer 1

prueba el inspector en Chrome.

Right Click Page > Inspect Element > Resources -> Local Storage 

Answer 2

Para Firefox use Firebug add-on. Abre Firebug. Haga clic en la consola. En la línea de comandos, escriba: localStorage

Para el desarrollo, también puede editar el almacenamiento local en Firebug utilizando la notación de puntos. Por ejemplo:

localStorage.myVar = "hello" 
localStorage.clear() 
localStorage.removeItem("myVar") 

En Firefox 19+ se puede inspeccionar localStorage directamente desde la consola sin Firebug:

inspect(localStorage) 

A continuación, aparecerá un panel que muestra los pares clave/valor

Firebug localStorage documentation

Install Firebug add-on

Answer 3

En Firefox los datos se guardan en webappstore.sqlite en la carpeta de perfil de FF. Puede verlo con SQLite Manager, un complemento para FF.

Answer 4

En Chrome, hacia abajo Más herramientas-> Herramientas de desarrollador. En el panel que aparece, haga clic en la pestaña Aplicación. Verá LocalStorage en el menú siguiente. Puede eliminar, editar, etc. ...