Pergunta

Desta apresentação de slides http://slides.html5rocks.com/#slide8e do Chrome:Visualizar> Desenvolvedor> Ferramentas do desenvolvedor> guia Armazenamento,

Aprendi que existem pelo menos 4 tipos de armazenamento no navegador:Bancos de dados, armazenamento local, armazenamento de sessão, cookies (existem mais?)

Quais são as diferenças?Quando devo usar um em vez do outro?

Por exemplo, se um site deseja armazenar as preferências do usuário, qual método de armazenamento o site deve indicar ao navegador para usar?

Foi útil?

Solução

Eles são todos o armazenamento do lado do navegador para fornecer mecanismos offline/cache aos aplicativos/sites da Web:

  • armazenamento local : armazenamento simples de valor-chave, os dados são sempre armazenados como strings. Os mesmos dados são acessíveis a todas as páginas do domínio e permanecem persistentes mesmo depois de fechar o navegador.
  • armazenamento de sessão : O mesmo, mas é local para um URL e em uma sessão do navegador (excluída no navegador fechar).
  • Banco de dados SQL (também conhecido como webSQL): armazenamento em um banco de dados local que você pode acessar por solicitações SQL ... parece já preguiçoso, pois o IE e o Firefox declararam que não o implementam.

Talvez você também ouça em breve sobre Indexeddb (agora suportado no IE 10, FF e Chrome), que é uma espécie de local/sessionStorage, mas que você pode usar para armazenar objetos JavaScripts em vez de apenas strings.

Outras dicas

O que você está perguntando é sobre o Web Storage, que é basicamente um HTML Web Storage.Armazenamento local - usado como armazenamento volátil (não tem vencimento) O armazenamento de sessão - até que uma sessão esteja sendo usada ou uma guia esteja aberta indexedDB - uma vez usado, você deve limpá -lo manualmente (história ou armazenamento) webSQL - antigo, mas ainda Usou as mesmas consultas SQL - agora não faz parte da especificação HTML5.Cookies - São os mais comuns para guardar pequenos dados, são utilizados por todos os sites e hoje em dia todos os sites que os utilizam devem solicitar a permissão do utilizador.A propósito, isso é GDPR!

Image from Chrome Developer Tools

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top