Os cookies não permitem armazenar mais do que 4096 bytes de informação.

Alguns problemas que surgem no local de trabalho muitas vezes exigem uma solução rápida sem muito tempo para estruturar.

Imaginem que precisam de armazenar uma página em cache para, em javascript, conseguir aceder novamente sem fazer refresh ou um novo pedido ao servidor.

Como os cookies dificilmente permitem armazenar uma página, devido às suas limitações, podemos usar a Web Storage, compatível com a maioria dos browsers, que nos permite armazenar até 10MB de informação.

Esta API é bastante simples de usar. Existem duas propriedades, a sessionStorage e a localStorage.

A sessionStorage mantém a informação até a sessão da página terminar. A localStorage não contém data de expiração, logo a informação é mantida até que a cache do browser seja apagada.

Exemplos de utilização:

localStorage.setItem( "nomeDoItem", "Texto em cache" );

Neste exemplo gravamos "Texto em cache" com o título "nomeDoItem".

Podemos aceder facilmente a esta infomação executando:

var data = localStorage.getItem( "nomeDoItem" );

Para apagar, podemos executar:

localStorage.removeItem( "nomeDoItem" );

Podemos apagar toda a localStorage com:

localStorage.clear();