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:
Em DevTools, clique na guia Aplicativo para abrir a ferramenta Aplicativo . O painel Manifesto é mostrado por padrão:
Na seção Armazenamento à esquerda, expanda o armazenamento de sessão:
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:
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:
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.
Na tabela Chave/Valor à direita, clique duas vezes em uma linha de chave/valor vazia para inserir o modo de edição.
No campo Chave da linha, insira uma chave.
No campo Valor da linha, insira um valor para a chave.
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:
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.
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:
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.
Na tabela Chave/Valor à direita, selecione um par de chave-valor para realçá-la.
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:
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.
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:
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 .
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.
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.