Sentido Web

Referencias y explicaciones sobre desarrollo web, PHP, Ajax, XHTML, MySQL ...
16Aug
2010
<!-- 6 -->

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

Entradas relacionadas

Comentarios

  1. [...] Fuente: Tutorial básico de HTML storage | Sentido Web [...]

  2. 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…

  3. Josepzin, mientras tanto, yo no pondría información relevante allí por si el usuario la pierde/borra

    Saludos

  4. Entonces es lo mismo que una cookie… :/

  5. No necesariamente, ya que, entre otras cosas, las cookies tienen poca capacidad (creo que 4kb o así)