Inspecciona y depura almacenamiento del navegador para resolver problemas de sesión, persistencia y datos corruptos.
Muchos bugs de login o carrito vienen de estado local corrupto. En Application puedes verlo y corregirlo rápido.
Distinguir <code>localStorage</code>, <code>sessionStorage</code> y cookies te ayuda a evitar decisiones de arquitectura pobres.
Si trabajas autenticación, te vendrá bien reforzar también <a href="/curso/javascript">JavaScript</a> y su manejo de estado cliente.
No todo dato merece persistencia larga.
<code>localStorage</code> persiste tras cerrar navegador; <code>sessionStorage</code> dura la sesión de pestaña; cookies viajan al servidor en cada request (según configuración).
Guardar datos sensibles sin estrategia (ej: tokens expuestos) puede abrir brechas de seguridad.
Reproducir, inspeccionar, limpiar y volver a probar.
Cuando un usuario queda en loop de login, revisa inmediatamente cookies y storage para detectar flags desalineados.
Haz cambios puntuales desde DevTools y valida impacto antes de tocar código de producción.
Inspecciona y depura almacenamiento del navegador para resolver problemas de sesión, persistencia y datos corruptos.
Código del tema: DevTools > Network > XHR/Fetch
No todo dato merece persistencia larga.
localStorage persiste tras cerrar navegador; sessionStorage dura la sesión de pestaña; cookies viajan al servidor en cada request (según configuración).
Guardar datos sensibles sin estrategia (ej: tokens expuestos) puede abrir brechas de seguridad.
Reproducir, inspeccionar, limpiar y volver a probar.
Cuando un usuario queda en loop de login, revisa inmediatamente cookies y storage para detectar flags desalineados.
Haz cambios puntuales desde DevTools y valida impacto antes de tocar código de producción.
console.log('token', localStorage.getItem('token'));
console.log('role', sessionStorage.getItem('role'));