Ver e editar o armazenamento local

Kayce Basques

Sofia Emelianova

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

Mostrar localStorage chaves e valores

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

2. Acesse 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 localizada 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 contendo a chave ou o valor.

Criar um novo par de chave-valor localStorage

1. Confira os localStorage pares de chave-valor do domínio. Por exemplo, nesta página de demonstração.
2. Clique duas vezes na parte vazia da tabela. O DevTools cria uma nova linha e foca o cursor na coluna Key.
3. Insira um novo par de chave-valor.

Editar localStorage chaves ou valores

1. Confira os localStorage pares de chave-valor 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 localStorage pares de chave-valor

1. Confira os localStorage pares de chave-valor 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. Se preferir, clique em Clear all para remover todos os pares.

Interaja com localStorage no console

Como você pode executar o JavaScript no Console e ele tem acesso aos contextos JavaScript da página, é possível interagir com localStorage no Console.

1. No DevTools, abra o Console.
2. Se você quiser acessar os pares de chave-valor localStorage de um domínio diferente da página atual, selecione o contexto JavaScript necessário no menu suspenso 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.