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 pares clave-valor de localStorage. El almacenamiento local guarda datos en todas las sesiones del navegador.

Cómo ver claves y valores de localStorage

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

2. Navega a 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. Consulta 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.

Edita claves o valores de localStorage

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 editarla.
3. Actualiza la página para aplicar los cambios.

Cómo borrar pares clave-valor de localStorage

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 Borrar en la barra de acciones de la parte superior para quitar el par seleccionado.
4. Como alternativa, haz clic en Borrar todo para quitar todos los pares.

Interactúa con localStorage desde la consola

Dado que puedes ejecutar JavaScript en Console y que Console tiene acceso a los contextos de JavaScript de la página, es posible interactuar con localStorage desde Console.

1. En Herramientas para desarrolladores, 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 Console, de la misma manera que lo harías en tu código JavaScript.