Usando Almacenamiento local en HMTL5
El almacenamiento local nos permite guardar datos en el navegador que podemos usar posteriormente sin necesidad de tener una conexion activa a internet, es util para guardar y recuperar datos en momentos que nos quedamos sin acceso a la red. El almacenamiento total es limitado(max 5Mb) y el esquema es muy basico usando un mecanismo de llave-valor.
El objeto Storage se puede usar en la mayoria de navegadores disponibles en el mercado, pero es importante verificar que este objeto sea soportado antes de usarlo.
El siguiente es un ejemplo basico de uso, donde almacenamos y recuperamos la llave nombre:
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
// Check browser support
if (typeof(Storage) != "undefined") {
// Store
localStorage.setItem("nombre", "Andres Quintero");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("nombre");
} else {
document.getElementById("result").innerHTML = "Tu navegador no soporta Web Storage...";
}
</script>
</body>
</html>
Referencias:
http://www.html5rocks.com/en/tutorials/offline/whats-offline/
http://www.w3schools.com/html/html5_webstorage.asp
http://tiddlywiki.com/
http://www.html5rocks.com/en/tutorials/offline/whats-offline/
http://www.sitepoint.com/9-javascript-libraries-working-with-local-storage/
http://code.tutsplus.com/tutorials/working-with-indexeddb--net-34673
http://html5labs.interoperabilitybridges.com/prototypes/indexeddb/indexeddb/info
http://alistapart.com/article/taking-advantage-of-html5-and-css3-with-modernizr
Comentarios