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

Cómo ver claves y valores de sessionStorage

1. Abre DevTools en el sitio web que deseas 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 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 de sessionStorage

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

Edita claves o valores de sessionStorage

1. Consulta los pares clave-valor 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 aplicar los cambios.

Borra los pares clave-valor de sessionStorage

1. Consulta los pares clave-valor 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

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 sessionStorage desde Console.

1. En DevTools, abre la consola.
2. Si deseas acceder a los pares clave-valor sessionStorage 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 sessionStorage en la consola, como lo harías en tu JavaScript.