Exibir e editar armazenamento de sessão

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

Exibir chaves e valores de sessionStorage

Para exibir os sessionStorage pares de valor-chave de um domínio:

1. Em DevTools, clique na guia Aplicativo para abrir a ferramenta Aplicativo . O painel Manifesto é mostrado por padrão:

   

2. Na seção Armazenamento à esquerda, expanda o armazenamento de sessão:

   

3. No armazenamento de sessão à esquerda, selecione um domínio. Os pares de valor-chave do domínio estão listados no canto superior direito:

   

4. Selecione uma linha da tabela de valor de chave. O valor da chave selecionada é exibido abaixo da tabela chave-valor:

   

Criar um par de chave-valor sessionStorage

Para adicionar um novo par de chave/valor para o armazenamento de sessão:

1. Em DevTools, na ferramenta Aplicativo , na seção Armazenamento à esquerda, expanda o armazenamento de sessão e selecione um domínio. Para obter detalhes, confira Exibir chaves e valores de sessionStorage, acima.

2. Na tabela Chave/Valor à direita, clique duas vezes em uma linha de chave/valor vazia para inserir o modo de edição.

3. No campo Chave da linha, insira uma chave.

4. No campo Valor da linha, insira um valor para a chave.

5. Pressione Enter ou clique em uma área vazia. Em seguida, o valor também é exibido abaixo da tabela chave/valor:

   

Editar chaves ou valores de sessionStorage

Para editar um par de chave/valor para armazenamento de sessão:

1. Em DevTools, na ferramenta Aplicativo , na seção Armazenamento à esquerda, expanda o armazenamento de sessão e selecione um domínio. Para obter detalhes, confira Exibir chaves e valores de sessionStorage, acima.

2. Na tabela Chave/Valor à direita, clique duas vezes em uma célula na coluna Chave ou Valor para editar essa chave ou valor:

   

Excluir pares de valor de chave sessionStorage

Para excluir um par de chave/valor para o armazenamento de sessão:

1. Em DevTools, na ferramenta Aplicativo , na seção Armazenamento à esquerda, expanda o armazenamento de sessão e selecione um domínio. Para obter detalhes, confira Exibir chaves e valores de sessionStorage, acima.

2. Na tabela Chave/Valor à direita, selecione um par de chave-valor para realçá-la.

3. Pressione Delete, ou clique no botão Excluir Selecionado () ou clique com o botão direito do mouse na linha e selecione Excluir.

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

Para excluir todos os pares de chave/valor para armazenamento de sessão para um domínio:

1. Em DevTools, na ferramenta Aplicativo , na seção Armazenamento à esquerda, expanda o armazenamento de sessão e selecione um domínio. Para obter detalhes, confira Exibir chaves e valores de sessionStorage, acima.

2. Clique no botão Limpar Tudo ().

Interagir com sessionStorage do Console

Você pode executar expressões e instruções JavaScript no Console e o Console tem acesso aos contextos JavaScript da página, inclusive para sessionStorage.

Para interagir usando sessionStorage o Console:

1. Em DevTools, selecione a ferramenta Console . Por exemplo, pressione Esc para exibir o painel Modo de Exibição Rápida , que sempre inclui uma guia Console .

2. Se você quiser acessar os sessionStorage pares de valor-chave de um domínio diferente da página em que está, use o menu de contextos JavaScript para alterar o contexto JavaScript do Console:

   

   Nesse cenário, haveria vários domínios listados abaixo da parte superior.

3. Insira sessionStorage expressões JavaScript no Console:

   

   A captura de tela acima mostra as seguintes expressões JavaScript e a saída resultante:

   > sessionStorage.key(0)
   <· 'my-key-01'
   > sessionStorage.key(1)
   <· 'my-key-02'
   > sessionStorage.setItem("my-key-01", "efgh-5678")
   <· undefined
   > sessionStorage.getItem("my-key-01")
   <· 'efgh-5678'
   

   Quando você insere expressões de atribuição JavaScript usando o Console, a tabela par Chave/Valor é atualizada.

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).

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