Partilhar via


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:

    O painel Manifesto

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

    Menu 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:

    Os pares sessionStorage key-value

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

    Exibir o valor da chave x-sid

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:

    A parte vazia da tabela para clicar duas vezes para criar um novo par de 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:

    Editar uma chave sessionStorage

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 (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 (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:

    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:

    Interagir com sessionStorage do 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).

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