Este guia mostra como usar o Chrome DevTools para visualizar, editar e excluir pares de chave-valor
localStorage
. O armazenamento local salva dados em todas as sessões do navegador.
Ver localStorage
chaves e valores
Abra o DevTools no site que você quer inspecionar.
Navegue até Aplicativo > Armazenamento e expanda Armazenamento local. Clique em um domínio para conferir os pares de chave-valor dele.
Para visualizar o valor abaixo da tabela, selecione um par.
Para atualizar manualmente os pares de chave-valor, clique em Atualizar na barra de ações na parte de cima.
Filtrar pares de chave-valor
Para encontrar rapidamente um par de chave-valor de que você precisa, digite na caixa de filtro na parte superior uma string que a chave ou o valor contém.
Criar um novo par de chave-valor localStorage
- Veja os pares de chave-valor
localStorage
do domínio. Por exemplo, nesta página de demonstração. - Clique duas vezes na parte vazia da tabela. As Ferramentas do desenvolvedor criam uma nova linha e focam o cursor na coluna Chave.
- Insira um novo par de chave-valor.
Editar chaves ou valores localStorage
- Veja os pares de chave-valor
localStorage
de um domínio. Por exemplo, nesta página de demonstração. - Clique duas vezes em uma célula da coluna Chave ou Valor para editar essa chave ou esse valor.
- Atualize a página para aplicar.
Excluir pares de chave-valor localStorage
- Conferir os pares de chave-valor
localStorage
de um domínio. Por exemplo, nesta página de demonstração. - Clique em um par de chave-valor para selecioná-lo.
- Clique em Excluir na barra de ações na parte de cima para remover o par selecionado.
- Como alternativa, clique em Limpar tudo para remover todos os pares.
Interagir com localStorage
no console
Como é possível executar JavaScript no Console e ele tem acesso aos contextos
JavaScript da página, �� possível interagir com localStorage
no Console.
- No DevTools, abra o Console.
- Se você quiser acessar os pares de chave-valor
localStorage
de um domínio que não seja a página atual, selecione o contexto do JavaScript necessário no menu suspenso de contexto, na barra de ações na parte de cima. - Execute as expressões
localStorage
no Console da mesma forma que você faria no JavaScript.