Ver, adicionar, editar e excluir cookies

Kayce Basques

Sofia Emelianova

Os cookies HTTP são usados principalmente para gerenciar sessões do usuário, armazenar preferências de personalização do usuário e rastrear o comportamento do usuário. Eles também são a causa de todos aqueles formulários de consentimento irritantes "Esta página usa cookies" que você encontra na Web. Este guia ensina como visualizar, adicionar, editar e excluir os cookies de uma página com o Chrome DevTools.

Abrir o painel "Cookies"

1. Abra o Chrome DevTools.
2. Abra Aplicativo > Armazenamento > Cookies e selecione uma origem.

Campos

A tabela Cookies contém os seguintes campos:

• Nome (name): É o nome do cookie.
• Valor: É o valor do cookie.
• Domínio. Os hosts que podem receber o cookie.
• Caminho: O URL que precisa existir no URL solicitado para enviar o cabeçalho Cookie.
• Expira / Max-Age. A data de validade ou a idade máxima do cookie. Para cookies de sessão, esse valor é sempre Session.
• Tamanho. O tamanho do cookie, em bytes.
• HttpOnly. Se for verdadeiro, esse campo indica que o cookie só pode ser usado em HTTP e que a modificação do JavaScript não é permitida.
• Proteger. Se for verdadeiro, esse campo indica que o cookie só pode ser enviado ao servidor por uma conexão HTTPS segura.
• SameSite (em inglês). Contém Strict ou Lax se o cookie estiver usando o atributo experimental SameSite.
• Chave de partição. Para cookies com estado de partição independente, a chave de partição é o site do URL de nível superior que o navegador estava acessando no início da solicitação para o endpoint que definiu o cookie.
• Prioridade. Contém Low, Medium (padrão) ou High se você estiver usando o atributo Prioridade de cookie descontinuado.

Para conferir o valor de um cookie, selecione-o na tabela. Para ver o valor sem a codificação de porcentagem, marque check_box Mostrar decodificado por URL.

Filtrar cookies

Use a caixa Filtro para filtrar cookies por Nome ou Valor.

Não é possível filtrar por outros campos. O filtro não diferencia maiúsculas de minúsculas.

Adicionar um cookie

Para adicionar um cookie arbitrário:

1. Clique duas vezes em uma linha vazia na tabela.
2. Digite um Nome e um Valor e pressione Enter.

O DevTools preenche outros campos obrigatórios automaticamente. Você pode editá-los conforme descrito a seguir.

Editar um cookie

Todos os campos são editáveis, exceto o Tamanho, que é atualizado automaticamente.

Clique duas vezes em um campo para editá-lo.

O DevTools destaca os cookies com valores de campo inválidos em vermelho.

Para filtrar cookies válidos, marque check_box Mostrar apenas cookies com um problema na barra de ações superior.

Exclusão de cookies

Para excluir um cookie, selecione-o e clique em delete Excluir selecionados na barra de ações superior.

Clique em block Limpar tudo para excluir todos os cookies.

Identificar e inspecionar cookies de terceiros

Cookies de terceiros são aqueles definidos por um site diferente da página de nível superior atual. Cookies de terceiros têm o atributo SameSite=None.

O DevTools lista esses cookies em Aplicativo > Armazenamento > Cookies e mostra um ícone de aviso alerta ao lado deles. Passe o cursor sobre o ícone para ver uma dica e clique nele para acessar o painel Issues e mais informações.

Também é possível encontrar cookies de terceiros em Rede > Solicitação de clique > Cookies.

O painel Rede destaca cookies com problemas e mostra um ícone de aviso ao lado dos cookies afetados pela encerramento gradual dos cookies de terceiros.