Share via


Exibir e editar armazenamento local

Para exibir, editar e excluir pares localStorage key-value, use a ferramenta Aplicativo .

Exibir chaves e valores localStorage

  1. Clique na guia Aplicativo para abrir a ferramenta Aplicativo . O painel Manifesto é mostrado por padrão.

    O painel Manifesto

  2. Expanda o menu Armazenamento Local .

    O menu Armazenamento Local

  3. Clique em um domínio para exibir os pares de valor-chave.

    Os pares localStorage key-value para o https://www.bing.com domínio

  4. Clique em uma linha da tabela para exibir o valor no visualizador abaixo da tabela.

    Exibir o valor da chave eventLogQueue_Online

Criar um novo par localStorage key-value

  1. Exiba os pares localStorage key-value de um domínio.

  2. Clique duas vezes na parte vazia da tabela. O DevTools cria uma nova linha e concentra o cursor na coluna Chave .

    A parte vazia da tabela para clicar duas vezes para criar um novo par de chave-valor

Editar chaves ou valores localStorage

  1. Exiba os pares localStorage key-value de um domínio.

  2. Clique duas vezes em uma célula na coluna Chave ou Valor para editar essa chave ou valor.

    Editar uma chave localStorage

Excluir pares localStorage key-value

  1. Exiba os localStorage pares de valor-chave de um domínio.

  2. Clique no par de valor-chave que você deseja excluir. DevTools destaca o azul para indicar que ele está selecionado.

  3. Pressione Deleteou clique em Excluir Selecionado (Excluir Selecionado).

Excluir todos os localStorage pares de valor de chave para um domínio

  1. Exiba os localStorage pares de valor-chave de um domínio.

  2. Clique em Limpar Tudo (Limpar Tudo).

Interagir com localStorage do Console

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

  1. Use o menu de contextos JavaScript para alterar o contexto JavaScript do Console se você quiser acessar os localStorage pares de valor-chave de um domínio diferente da página exibida.

    Alterar o contexto JavaScript do Console

  2. Execute suas localStorage expressões no Console, o mesmo que você faz em seu JavaScript.

    Interagir com localStorage do Console

Observação

Partes desta página são modificações baseadas no trabalho criado e compartilhado pelo Google e usadas de acordo com os termos descritos na Licença Internacional de Atribuição do Creative Commons 4.0. A página original é encontrada aqui e é de autoria de Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).

Licença Creative Commons Este trabalho é licenciado sob uma Licença Internacional de Atribuição do Creative Commons 4.0.