Gestor de LocalStorage

Visualiza, añade, edita y elimina elementos localStorage con seguimiento de tamaño

¿Qué es y cómo funciona?

La API de Almacenamiento Web proporciona a los navegadores dos mecanismos para almacenar pares clave-valor localmente: `localStorage` (persiste hasta que se borre explícitamente) y `sessionStorage` (se borra cuando se cierra la pestaña del navegador). A diferencia de las cookies, los datos del Almacenamiento Web nunca se envían automáticamente al servidor.

Esta herramienta proporciona una interfaz visual para inspeccionar, agregar, editar, eliminar, importar y exportar entradas de localStorage. Es invaluable para depurar aplicaciones web sin abrir las DevTools.

Casos de uso

• Inspección de token de autenticación: verifica qué JWT o token de sesión almacena tu aplicación web en localStorage.
• Depuración del estado de la aplicación: inspecciona el estado serializado en JSON que las aplicaciones React/Vue almacenan en localStorage para persistencia entre recargas de página.
• Inspección de variante de prueba A/B: muchas herramientas de prueba A/B almacenan indicadores de características y asignaciones de variantes en localStorage.

Preguntas frecuentes

¿Cuál es la diferencia entre localStorage y sessionStorage?

`localStorage` persiste indefinidamente. `sessionStorage` se borra cuando se cierra la pestaña del navegador (cada pestaña tiene su propio sessionStorage). Ambos tienen alcance de dominio y nunca se envían al servidor.

¿Cuántos datos puede almacenar localStorage?

Los navegadores típicamente permiten 5 MB por origen. Los valores superiores a esto generan un `QuotaExceededError`. localStorage solo almacena cadenas — los objetos JSON deben serializarse con `JSON.stringify`.

¿Es seguro localStorage?

localStorage no tiene cifrado ni control de acceso incorporados — cualquier JavaScript en el mismo origen puede leer todos los datos. Nunca almacenes JWTs en localStorage si el token otorga acceso sensible — usa cookies `HttpOnly` en su lugar.

¿Cuáles son las alternativas a localStorage?

Cookies: enviadas con cada solicitud HTTP, límite de 4 KB, pueden ser HttpOnly. IndexedDB: base de datos transaccional para grandes datos estructurados. API de Caché: para cachear respuestas HTTP en Service Workers.

Utilidades

Generador de contraseñas · Generador de código QR · Cronómetro · Temporizador · Calculadora · Generador de números aleatorios