Ver e editar o armazenamento local

Kayce Basques

Sofia Emelianova

Este guia mostra como usar o Chrome DevTools para conferir, editar e excluir pares de chave-valor localStorage. O armazenamento local salva dados em todas as sessões do navegador.

Conferir chaves e valores localStorage

1. Abra o DevTools no site que você quer inspecionar.

2. Navegue até Aplicativo > Armazenamento e expanda Armazenamento local. Clique em um domínio para conferir os pares de chave-valor dele.

   

3. 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, digite na caixa de filtro na parte de cima uma string que contenha a chave ou o valor.

Criar um novo par de chave-valor localStorage

1. Acessar os pares de chave-valor localStorage do domínio. Por exemplo, nesta página de demonstração.
2. Clique duas vezes na parte vazia da tabela. As ferramentas do desenvolvedor criam uma nova linha e focam o cursor na coluna Chave.
3. Insira um novo par de chave-valor.

Editar chaves ou valores localStorage

1. Conferir os pares de chave-valor localStorage de um domínio. Por exemplo, nesta página de demonstração.
2. Clique duas vezes em uma célula na coluna Chave ou Valor para editar a chave ou o valor.
3. Atualize a página para aplicar.

Excluir pares de chave-valor localStorage

1. Conferir os pares de chave-valor localStorage de um domínio. Por exemplo, nesta página de demonstração.
2. Clique em um par de chave-valor para selecioná-lo.
3. Clique em Excluir na barra de ações na parte de cima para remover o par selecionado.
4. 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.

1. Nas Ferramentas do desenvolvedor, abra o Console.
2. Se você quiser acessar os pares de chave-valor localStorage de um domínio diferente da página em que está, selecione o contexto do JavaScript que você precisa no menu suspenso de contexto na barra de ações na parte de cima.
3. Execute as expressões localStorage no Console, da mesma forma que você faria no JavaScript.