Ver y editar el almacenamiento local

Kayce Basques
Kayce Basques
Sofia Emelianova
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 localStorage. El almacenamiento local guarda datos entre sesiones del navegador.

Ver localStorage clave y valor

  1. Abre Herramientas para desarrolladores en el sitio web que quieras inspeccionar.

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

    Los pares clave-valor de youtube.com.

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

    Visualiza el valor de la clave seleccionada.

Para actualizar manualmente los pares clave-valor, haz clic en Actualizar. Actualizar en la barra de acciones de 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 en la parte superior una cadena que contenga la clave o el valor.

Filtrar los pares clave-valor que no contienen la string “has”.

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. Herramientas para desarrolladores 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. Ver 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. Ver 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 Borrar en la barra de acciones de la parte superior para quitar el par seleccionado. Borrando el par clave-valor seleccionado.
  4. También puedes hacer clic en Borrar todo. Clear all para quitar todos los pares.

Interactúa con localStorage desde la consola

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

  1. En Herramientas para desarrolladores, abra la Consola.
  2. Si deseas acceder a los pares clave-valor localStorage de un dominio distinto de la página en la que te encuentras, selecciona el contexto de JavaScript que necesitas en el menú desplegable contextual de la barra de acciones de la parte superior.
  3. Ejecuta tus expresiones localStorage en la consola, tal como lo harías en JavaScript.

Interactúa con “localStorage” desde la consola