La temática de almacenamiento local, o localstorage, desde el movimiento de lo que hoy definimos como internet, siempre fue un tema.
Y vaya que tema! si hablamos de almacenar datos del lado del cliente, lo mas común es pensar directamente en las cookies.
De hecho funcionaron como solución, pero no fueron las únicas. Microsoft inventó userData y Adobe introdujo las "cookies de Flash", pero ambos sin demasiado éxito.
Las cookies, como sabemos todos no son, actualmente la mejor solución. Permiten guardar y mantener almacenado unos 4 KBytes de datos planos, es decir sin seguridad (no encriptado) y va incluido en cada petición HTTP, lo cual bajaria el rendimiento como aplicación web.
HTML5 trae entre sus manos una herramienta, o caracteristica denominada Localstorage.
El almacenamiento Web via Localstorage es más seguro y más rápido. Los datos no se incluye con cada petición del servidor, y es usado solamente cuando se le pide. También es posible almacenar grandes cantidades de datos, sin afectar el rendimiento de la página web.
Los datos se almacenan en pares nombre / valor, y una página web puede acceder a los datos almacenados sólo por sí mismo.
A diferencia de las cookies, el límite de almacenamiento es mucho mayor (al menos 5 MB) y la información nunca se transfiere al servidor.
Introduciendo store.js - es un modulo para el manejo de localStorage para todos los navegadores sin necesidad de utilizar cookies o flash. Store.js emplea localStorage, globalStorage y userData en su nucleo. en este caso utiliza localStorage cuando esté disponible y userData en IE6 y IE7. No emplea flash, ya que ralentizaría la carga de la página. No emplea para nada cookies, ya que esta pensado para optimizar las conexiones y solicitudes de red.
El soporte que dispone es mas que amplio, podemos ver los navegadores:
Probado en iOS 4
Probado en iOS 5
Probado en iOS 6
Probado en Firefox 3.5
Probado en Firefox 3.6
Probado en Firefox 4.0+
Probado en Chrome 5
Probado en Chrome 6
Probado en Chrome 7
Probado en Chrome 8
Probado en Chrome 10
Probado en Chrome 11+
Probado en Safari 4
Probado en Safari 5
Probado en IE6
Probado en IE7
Probado en IE8
Probado en IE9
Probado en IE10
Probado en Opera 10
Probado en Opera 11
Probado en Opera 12
Probado en Node.js v0.10.4 (with https://github.com/coolaj86/node-localStorage 1.0.2)
Si te interesa podes descargar el proyecto, consultar e inclusive ver ejemplos en:
0 comentarios:
Publicar un comentario