Acceder a la caché local del navegador con HTML5

09/Oct/2010 HTML5 , 4 Comentarios

Una de las cosas que podemos (o vamos a poder hacer) con los navegadores, una vez que estos implementen HTML5 (y anexos) es acceder a la caché local del navegador. De esta forma podremos almacenar información de forma persistente, a lo largo de toda la sesión de un usuario y lo mejor de todo, no será en el servidor, si no que será en el navegador.

Algunas cosas que tienes que saber de la caché local o Local Storage son:

  • Que esta tecnología viene a sustituir a las cookies en la faceta de persistir información
  • La vida de los datos durará mientras el usuario no cierre la ventana
  • El tamaño de os datos que puedes almacenar en la caché variará entre 5Mb y 10Mb
  • Que los datos se guardarán asociados al dominio

Lo primero que haremos en nuestro código será comprobar que existe el elemento Local Storage, y por lo tanto tenemos acceso a la caché local.

  1. if (localStorage)
  2. // Existe la caché
  3. else
  4. // No existe la caché

En el caso que exista la caché podemos acceder a ella mediante el objeto localStorage de dos formas:

  1. localStorage.setItem("nombre","victor");
  2. localStorage["nombre"] = "Victor";

Y para recuperarlo será muy parecido:

  1. document.write(localStorage.getItem("nombre"););
  2. document.write(localStorage["nombre"]);

Con estas pocas sentencias ya podremos acceder a la caché local del navegador con HTML5.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*