Fala pessoal, tudo bom?

Recentemente comecei a fazer algumas experiências e acabei criando uma extensão pra Google Chrome (apenas pra uso pessoal, não vou publicar).

E uma das coisas que usei no processo (já tinha ouvido falar, mas nunca tinha usado) foi o localStorage, uma “interface” de armazenamento de dados disponível nos navegadores mais atuais do mercado (FF, Chrome, Safari, Opera e etc.).

Todos vocês já ouviram falar dos Cookies e da Sessão, que basicamente faz a mesma coisa (armazena dados) na máquina do cliente e no servidor respectivamente.

A novidade do localStorage/sessionStorage é que isso é feito de forma bastante facilitada, via JavaScript e usando recursos nativos do seu navegador.

Usando o localStorage

O localStorage salva dados no computador do visitante, que ficam vinculados ao (e apenas acessíveis pelo) seu domínio. E pra usar é bem simples:

Use o método setItem(nome, valor) para criar/salvar novos itens e o depois o método getItem(nome) para recuperar o valor.

Usando o sessionStorage

Já o sessionStorage faz exatamente a mesma coisa, só que os dados ficam salvos apenas durante a sessão (e são apagados quando o visitante fecha a aba/navegador):

Viram como é simples?

Quem avisa, amigo é…

Mas prestem atenção… os dados salvos estão acessíveis APENAS no domínio criado.. então preparem-se para problemas entre www.site.com.br, site.com.br e subdominio.site.com.br.

Outro ponto a considerar é que você só consegue salvar strings e números (inteiros) nesse mecanismo, mas nada te impede de criar um objeto JSON com os dados do array/objeto que você quer salvar, não é mesmo?

Espero que tenham gostado desse pequeno e rápido post!