Exibir e editar o armazenamento da sessão

Para exibir, editar e excluir pares de chave-valor sessionStorage , use a ferramenta Aplicativo .

Exibir chaves e valores sessionStorage

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

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

   

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

   

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

   

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

   

Criar um novo par de chave-valor sessionStorage

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

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

2. Na tabela Chave/Valor à direita, clique duas vezes em uma linha de chave/valor vazia para entrar no 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. O valor também é exibido abaixo da tabela de chave/valor:

   

Editar chaves ou valores sessionStorage

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

1. No DevTools, na ferramenta Aplicativo , na seção Armazenamento à esquerda, expanda Armazenamento de sessão e selecione um domínio. Para obter detalhes, consulte Exibir chaves e valores 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 chave-valor sessionStorage

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

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

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

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

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

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

1. No DevTools, na ferramenta Aplicativo , na seção Armazenamento à esquerda, expanda Armazenamento de sessão e selecione um domínio. Para obter detalhes, consulte Exibir chaves e valores 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, incluindo para sessionStorage.

Para interagir sessionStorage usando o Console:

1. No DevTools, selecione a ferramenta Console . Por exemplo, pressione Esc para exibir o painel Visualização rápida , que sempre inclui uma guia Console .

2. Se quiser acessar os sessionStorage pares chave-valor de um domínio diferente da página em que você 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 as 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 de pares Chave/Valor é atualizada.

Este trabalho está licenciado sob uma Licença Creative Commons Atribuição 4.0 Internacional.