Tutorial básico de HTML storage

Una de las características más interesantes de HTML5 es el browser storage, el cual nos permite almacenar datos en el navegador del cliente.

A parte de su uso básico:

localStorage.setItem('name', 'arman');  
var value = localStorage.getItem('name');  
localStorage.removeItem('name');  

Me gustaría destacar dos puntos importantes: detectar si el navegador lo soporta y añadir eventos:

var webStorageSupported = ('localStorage' in window) && window['localStorage'] !== null; 
if (window.addEventListener) {  
  window.addEventListener("storage", handleStorageChange, false);  
} else {  
  window.attachEvent("onstorage", handleStorageChange);  
}  

function handleStorageChange(event) {  
  alert("Algo esta cambiando en el almacenamiento");  
} 

El resto del tutorial explica todo paso a paso

Browser Storage for HTML5 Apps

Similar Posts

6 Comments

  1. Muy interesante, seguramente habrá maneras de recuperar luego esa información, para no perderla en el limbo, o para tener copias, o quizás sincronizarla con algún servicio web…

Comments are closed.