localstorage ejemplos html5 cookies local-storage web-sql session-storage

html5 - ejemplos - $localstorage



Almacenamiento local, almacenamiento de sesiĆ³n, almacenamiento web, base de datos web y cookies en HTML5 (5)

¿Cuál es la diferencia entre estos conceptos y cuándo debo usar uno en particular? ¿Este listado también contiene diferentes nombres para el mismo concepto general?

  • Almacenamiento local HTML5
  • Almacenamiento de sesión HTML5
  • Almacenamiento web HTML5
  • Base de datos web HTML5
  • Galletas

AFAIC:

  1. Las cookies son 4k por cookie, y el almacenamiento local es de 5k por dominio.
  2. Las cookies existan límites de tiempo y sorage es solo un contenedor del lado del cliente y un contenedor de datos específico del dominio.

Almacenamiento de sesión: el almacenamiento de sesión se introduce cuando el usuario está llevando a cabo una transacción única, pero puede realizar múltiples transacciones en diferentes ventanas al mismo tiempo. La sesión finaliza una vez que cerramos la ventana.

Almacenamiento local: el almacenamiento local es específico para el dominio y se presenta para abarcar varias ventanas. No hay límite de tiempo como en el caso de las cookies, y puede almacenar hasta 5MB de almacenamiento, como los usuarios de MailBox, etc.


El almacenamiento web HTML5 es un término general genérico para las nuevas opciones de almacenamiento de datos del lado del cliente.

El almacenamiento local es persistente y tiene alcance en el dominio. Por el momento, se mencionan dos sabores:

  • ''predeterminado'': almacena cosas en pares de nombre / valor
  • Web SQL (también conocido como base de datos web): utiliza una base de datos SQL

El almacenamiento de sesión no es persistente y tiene un alcance solo en la ventana actual.

Las cookies son la forma antigua de hacer todo lo anterior. Almacena pares de nombre / valor por dominio.



Me gustaría agregar más información:
las cookies pueden almacenar solo 4k de datos mientras que localStorage puede almacenar 5mb de datos (Dependiendo de los navegadores)

Los sitios web guardarán cookies en los navegadores y la próxima vez el navegador enviará esa cookie junto con la solicitud http para ser utilizada en el servidor. Las cookies están destinadas para ser utilizadas con el servidor. Con localStorage , puede almacenar más datos, pero está restringido al cliente de forma predeterminada.