Como salvar e recuperar dados no navegador com localStorage e sessionStorage
O navegador oferece duas formas de armazenar dados no dispositivo do usuário, sem precisar de servidor.
A API dos dois é idêntica.
Carregando...Carregando...Carregando...O localStorage só armazena strings. Para salvar objetos ou arrays, converta com JSON.stringify e JSON.parse.
Carregando...Funciona exatamente igual, mas os dados são apagados quando a aba é fechada.
Carregando...| localStorage | sessionStorage | |
|---|---|---|
| Dados persistem ao fechar o navegador | Sim | Não |
| Dados persistem ao recarregar a página | Sim | Sim |
| Compartilhado entre abas | Sim | Não |
Use localStorage para preferências do usuário, tema, idioma e dados que devem ser lembrados entre sessões. Use sessionStorage para dados temporários como o estado de um formulário de múltiplas etapas.
Os dados ficam salvos no dispositivo do usuário e são acessíveis via JavaScript. Nunca armazene informações sensíveis como senhas ou tokens de autenticação no localStorage.