localstorage javascript html5 local-storage session-storage

localstorage - sessionstorage javascript



Almacenamiento local HTML5 vs. almacenamiento de sesiĆ³n (11)

Algunos otros puntos que podrían ser útiles para comprender las diferencias entre el almacenamiento local y de sesión

  1. Tanto el almacenamiento local como el almacenamiento de sesión tienen el alcance del origen del documento, por lo que

    https://mydomain.com/
    http://mydomain.com/
    https://mydomain.com:8080/

    Todas las URL anteriores no compartirán el mismo almacenamiento. (La ruta de aviso de la página web no afecta el almacenamiento web)

  2. El almacenamiento de sesión es diferente incluso para el documento con la misma política de origen abierta en diferentes pestañas, por lo que la misma página web abierta en dos pestañas diferentes no puede compartir el mismo almacenamiento de sesión.

  3. Tanto el almacenamiento local como el almacenamiento de sesión también están dentro del alcance de los proveedores del navegador . Por lo tanto, Chrome o FF no pueden leer los datos de almacenamiento guardados por IE.

Espero que esto ayude.

Además de ser no persistente y solo con el alcance de la ventana actual, ¿existen beneficios (rendimiento, acceso a datos, etc.) para el almacenamiento de sesión sobre el almacenamiento local?


El almacenamiento de sesión y el almacenamiento local son iguales en comportamiento, excepto que el almacenamiento local almacenará los datos hasta que el usuario elimine la memoria caché y los datos de almacenamiento de sesión y cookies se conservarán en el sistema hasta que cerremos la sesión i, e hasta que cerremos La ventana de almacenamiento de sesión creada.


En cuanto al rendimiento, mis mediciones (crudas) no encontraron diferencias en 1000 escrituras y lecturas

Desde el punto de vista de la seguridad, intuitivamente parecería que localStore podría cerrarse antes que sessionStore, pero no tiene pruebas concretas. ¿Tal vez alguien más lo haga?

Funcionalmente sabio, concuerda con digitalFresh arriba


La única diferencia es que localStorage tiene un tiempo de caducidad diferente, solo se podrá acceder a sessionStorage mientras esté abierta la ventana que la creó.
localStorage dura hasta que lo elimine o el usuario lo elimine.
Digamos que desea guardar un nombre de usuario y contraseña de inicio de sesión que le gustaría usar sessionStorage sobre localStorage por razones de seguridad (es decir, otra persona que acceda a su cuenta más adelante).
Pero si desea guardar la configuración de un usuario en su máquina, probablemente querrá localStorage . Considerándolo todo:

localStorage : uso para uso a largo plazo.
sessionStorage : utilícelo cuando necesite almacenar algo que cambie o algo temporal


La principal diferencia entre localStorage y sessionStorage es que sessionStorage es único por pestaña. Si cierra la pestaña, se elimina sessionStorage , localStorage no. Tampoco puedes comunicarte entre pestañas :)

Otra diferencia sutil es que, por ejemplo, en Safari (8.0.3) localStorage tiene un límite de 2551 k caracteres, pero sessionStorage tiene almacenamiento ilimitado

En Chrome (v43) tanto localStorage como sessionStorage están limitados a 5101 k caracteres (no hay diferencia entre el modo normal / privado)

En Firefox, tanto localStorage como sessionStorage están limitados a 5120 k caracteres (no hay diferencia entre el modo normal / incógnito)

No hay diferencia de velocidad en absoluto :)

También hay un problema con Mobile Safari, Mobile Chrome, Private Mode Safari y Chrome tienen un espacio máximo de 0 KB.


La ventaja del almacenamiento de sesión sobre el almacenamiento local, en mi opinión, es que tiene una capacidad ilimitada en Firefox y no durará más que la sesión. (Por supuesto, depende de cuál sea tu objetivo).


No hay diferencia entre ellos y el Almacenamiento, pero el SessionStorage para la sesión (pestaña o ventana) y localStorage existen para el dominio hasta que se elimina de forma explícita (lo que se denomina método de borrado o borrado de efectivo del navegador).


sessionStorage es el mismo que localStorage, excepto que almacena los datos para una sola sesión, y se eliminará cuando el usuario cierre la ventana del navegador que la creó


localStorage y sessionStorage amplían el Storage . No hay diferencia entre ellos, excepto por la "no persistencia" prevista de sessionStorage .

Es decir, los datos almacenados en localStorage persisten hasta que se eliminan explícitamente. Los cambios realizados se guardan y están disponibles para todas las visitas actuales y futuras del sitio.

Para sessionStorage , los cambios solo están disponibles por ventana (o pestaña en navegadores como Chrome y Firefox). Los cambios realizados se guardan y están disponibles para la página actual, así como para futuras visitas al sitio en la misma ventana . Una vez que se cierra la ventana, se borra el almacenamiento.


Almacenamiento local: mantiene almacenados los datos de información del usuario sin fecha de vencimiento; estos datos no se eliminarán cuando el usuario cierre las ventanas del navegador, estará disponible por día, semana, mes y año.

//Set the value in a local storage object localStorage.setItem(''name'', myName); //Get the value from storage object localStorage.getItem(''name''); //Delete the value from local storage object localStorage.removeItem(name);//Delete specifice obeject from local storege localStorage.clear();//Delete all from local storege

Almacenamiento de sesión: Es igual que la fecha de almacenamiento local, excepto que eliminará todas las ventanas cuando un usuario web cierre las ventanas del navegador.

//set the value to a object in session storege sessionStorage.myNameInSession = "Krishna";

Leer más Click


El almacenamiento local puede almacenar hasta 10 MB de datos fuera de línea (en chrome 10 mb, en otros navegadores de 5 mb), mientras que el almacenamiento de sesión puede almacenar hasta 5 mb de datos. Pero las cookies solo pueden almacenar datos de texto de 4kb. Ver más detalles aquí