Cómo ver y editar el almacenamiento de la sesión

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 sessionStorage. El almacenamiento de sesión se borra cuando finaliza la sesión de la página.

Ver claves y valores de sessionStorage

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

2. Navega a Application > Storage y expande Session Storage. 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 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 de la parte superior una cadena que contenga la clave o el valor.

Crea un nuevo par clave-valor de sessionStorage

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

Editar sessionStorage claves o valores

1. Consulta los pares clave-valor de sessionStorage 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 ese valor.
3. Actualiza la página para aplicarlos.

Borrar sessionStorage pares clave-valor

1. Consulta los pares clave-valor de sessionStorage 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 sessionStorage 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, es posible interactuar con sessionStorage desde la Consola.

1. En Herramientas para desarrolladores, abre la Consola.
2. Si quieres acceder a los pares clave-valor de sessionStorage de un dominio que no sea el de 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 acciones de la parte superior.
3. Ejecuta tus expresiones de sessionStorage en la Consola, de la misma manera que lo harías en tu JavaScript.