Ver y editar el almacenamiento local

Kayce Basques

Sofia Emelianova

En esta guía, se muestra cómo usar las Herramientas para desarrolladores de Chrome para ver, editar y borrar los pares clave-valor de localStorage. El almacenamiento local guarda datos en todas las sesiones del navegador.

Ver localStorage claves y valores

1. Abre DevTools en el sitio web que deseas inspeccionar.

2. Navega hasta Aplicación > Almacenamiento y expande Almacenamiento local. Haz clic en un dominio para ver sus pares clave-valor.

   

3. Para obtener una vista previa del valor debajo de la tabla, selecciona un par.

   

Para actualizar manualmente los pares clave-valor, haz clic en Actualizar en la barra de acciones que se encuentra en la parte superior.

Cómo filtrar pares clave-valor

Para encontrar rápidamente un par clave-valor que necesites, escribe en el cuadro de filtro de la parte superior una cadena que contenga la clave o el valor.

Crea un nuevo par clave-valor localStorage

1. Visualiza los pares clave-valor localStorage del dominio. Por ejemplo, en esta página de demostración.
2. Haz doble clic en la parte vacía de la tabla. DevTools crea una fila nueva y enfoca el cursor en la columna Clave.
3. Ingresa un nuevo par clave-valor.

Editar localStorage claves o valores

1. Consulta los pares clave-valor localStorage de un dominio. Por ejemplo, en esta página de demostración.
2. Haz doble clic en una celda de la columna Clave o Valor para editar esa clave o valor.
3. Actualiza la página para aplicar los cambios.

Borrar localStorage de pares clave-valor

1. Consulta los pares clave-valor localStorage de un dominio. Por ejemplo, en esta página de demostración.
2. Haz clic en un par clave-valor para seleccionarlo.
3. Haz clic en Delete en la barra de acciones de la parte superior para quitar el par seleccionado.
4. También puedes hacer clic en Clear all para quitar todos los pares.

Interactúa con localStorage desde la consola

Como puedes ejecutar JavaScript en la consola y, como la consola tiene acceso a los contextos de JavaScript de la página, puedes interactuar con localStorage desde la consola.

1. En DevTools, abre la consola.
2. Si deseas acceder a los pares clave-valor localStorage de un dominio que no sea la página en la que te encuentras, selecciona el contexto de JavaScript que necesitas en el menú desplegable de contexto de la barra de acción en la parte superior.
3. Ejecuta tus expresiones localStorage en la consola, como lo harías en tu JavaScript.