Ver e editar o armazenamento da sessão

Kayce Basques

Sofia Emelianova

Este guia mostra como usar o Chrome DevTools para ver, editar e excluir pares de chave-valor da sessionStorage. O armazenamento da sessão é apagado quando a sessão da página termina.

Ver sessionStorage chaves e valores

1. Abra o DevTools no site que você quer inspecionar.

2. Navegue até Aplicativo > Armazenamento e expanda Armazenamento de sessão. Clique em um domínio para conferir os pares de chave-valor dele.

   

3. Para visualizar o valor abaixo da tabela, selecione um par.

   

Para atualizar manualmente os pares de chave-valor, clique em Atualizar Atualizar na barra de ações na parte de cima.

Filtrar pares de chave-valor

Para encontrar rapidamente um par de chave-valor de que você precisa, digite na caixa de filtro na parte superior uma string que a chave ou o valor contém.

Criar um novo par de chave-valor sessionStorage

1. Veja os pares de chave-valor sessionStorage do domínio. Por exemplo, nesta página de demonstração.
2. Clique duas vezes na parte vazia da tabela. O DevTools cria uma nova linha e concentra o cursor na coluna Key.
3. Insira um novo par de chave-valor.

Editar sessionStorage chaves ou valores

1. Veja os pares de chave-valor sessionStorage de um domínio. Por exemplo, nesta página de demonstração.
2. Clique duas vezes em uma célula da coluna Chave ou Valor para editar essa chave ou esse valor.
3. Atualize a página para aplicar.

Excluir sessionStorage pares de chave-valor

1. Veja os pares de chave-valor sessionStorage de um domínio. Por exemplo, nesta página de demonstração.
2. Clique em um par de chave-valor para selecioná-lo.
3. Clique em Excluir na barra de ações na parte de cima para remover o par selecionado.
4. Como alternativa, clique em Limpar tudo para remover todos os pares.

Interagir com sessionStorage no console

Como é possível executar o JavaScript no Console e ele tem acesso aos contextos JavaScript da página, é possível interagir com sessionStorage no Console.

1. No DevTools, abra o Console.
2. Se você quiser acessar os pares de chave-valor sessionStorage de um domínio que não seja a página atual, selecione o contexto do JavaScript necessário no menu suspenso de contexto, na barra de ações na parte de cima.
3. Execute as expressões sessionStorage no Console da mesma forma que você faria no JavaScript.