El Editor de Local Storage proporciona una interfaz de tabla limpia para gestionar entradas de localStorage y sessionStorage para el sitio actual. Navega por todos los pares clave-valor, edita valores en línea, añade nuevas entradas y elimina las que no necesitas. Los valores JSON se detectan y formatean automáticamente para facilitar la lectura. Cambia entre las pestañas localStorage y sessionStorage para administrar ambos tipos de almacenamiento.
Las aplicaciones web almacenan enormes cantidades de estado en localStorage y sessionStorage — preferencias de usuario, tokens de autenticación, feature flags, asignaciones de pruebas A/B, contenidos del carrito de compras, borradores de formularios, respuestas API en caché y estado de UI. Depurar estos valores en los DevTools de Chrome requiere navegar a la pestaña Application, encontrar la sección Storage y usar un visor básico de clave-valor con capacidades de edición limitadas. El Editor de Local Storage trae esto a un panel diseñado específicamente con cambio de almacenamiento por pestañas, edición en línea, auto-formateo JSON y operaciones masivas. La tabla muestra cada par clave-valor con el nombre de la clave y el valor. Los valores JSON (que son extremadamente comunes — objetos serializados con JSON.stringify) se detectan automáticamente y se muestran con formato adecuado y resaltado de sintaxis. Haz clic en cualquier valor para editarlo en el lugar — los cambios se escriben en la API de almacenamiento inmediatamente. Agrega nuevas entradas con un formulario limpio, o elimina entradas individualmente o en masa.
Cambia entre localStorage y sessionStorage con botones de pestaña en la parte superior del panel. Cada pestaña muestra el conteo de entradas (p. ej., "localStorage (12)" / "sessionStorage (3)"). Ambos tipos de almacenamiento se administran desde una interfaz.
Haz clic en cualquier celda de valor para editarla en el lugar. Para valores simples, escribe la nueva cadena. Para valores JSON, el editor se expande a un textarea formateado con resaltado de sintaxis. Los cambios se guardan en la API de almacenamiento inmediatamente.
Los valores JSON (objetos y arreglos serializados con JSON.stringify) se detectan automáticamente y se muestran con sangría adecuada y resaltado de sintaxis. Edita el JSON formateado directamente — se vuelve a serializar cuando guardas.
Haz clic en "Agregar Entrada" para crear un nuevo par clave-valor. Ingresa el nombre de la clave y el valor (cadena o JSON). La entrada se escribe inmediatamente en localStorage o sessionStorage para el dominio actual.
Elimina entradas individuales con el botón de eliminar de la fila, o usa "Borrar Todo" para quitar cada entrada del tipo de almacenamiento actual. Útil para restablecer el estado de la aplicación durante las pruebas.
Los cambios realizados en el editor se reflejan inmediatamente en la aplicación. Si la app lee un valor de localStorage en la interacción del usuario, editar ese valor en el panel cambia lo que la app lee a continuación — sin necesidad de recargar la página en la mayoría de los casos.
Inspecciona qué valores ha almacenado tu aplicación en localStorage. ¿Está presente el token de autenticación? ¿El objeto de preferencias del usuario está estructurado correctamente? ¿Un valor en caché obsoleto está causando un comportamiento inesperado?
Borra todo el localStorage para restablecer la aplicación a su estado inicial — útil para probar experiencias de primera ejecución, flujos de onboarding y configuraciones predeterminadas sin borrar los datos del navegador de otros sitios.
Muchas aplicaciones almacenan valores de feature flags en localStorage. Edítalos directamente para habilitar o deshabilitar funciones sin pasar por la UI de gestión de flags o volver a desplegar.
Edita las preferencias de usuario almacenadas, configuración de tema, selecciones de idioma o banderas de finalización de onboarding para simular diferentes estados de usuario y probar cómo la aplicación maneja cada uno.
Ve qué datos almacenan los scripts de terceros (analítica, chat, publicidad) en el localStorage de tu dominio. Audita los datos para cumplimiento de privacidad y uso inesperado de almacenamiento.
Abre el dock flotante de DevSuite Pro y haz clic en el ícono del Editor de Local Storage. Se abre un panel mostrando todas las entradas de localStorage para el dominio actual.
Desplázate por la tabla clave-valor. Los valores JSON se formatean automáticamente. Cambia de pestaña para ver sessionStorage en su lugar.
Haz clic en cualquier valor para editarlo en línea. Para valores JSON, aparece un editor formateado. Los cambios se guardan en la API de almacenamiento inmediatamente.
Haz clic en "Agregar Entrada" para crear un nuevo par clave-valor. Haz clic en el ícono de eliminar en cualquier fila para quitarla. "Borrar Todo" quita todo.
Después de editar los valores de almacenamiento, interactúa con la página para ver cómo la aplicación responde a los datos modificados.
Instala DevSuite Pro gratis y desbloquea más de 39 herramientas de desarrollador para tu navegador.
