Ver, adicionar, editar e excluir cookies

Kayce Basques

Sofia Emelianova

Os cookies HTTP são usados principalmente para gerenciar sessões de usuários, 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 ver, 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. 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.
• Expires / Max-Age. A data de validade ou a duração máxima do cookie. Para cookies de sessão, esse valor é sempre Session.
• Tamanho. O tamanho do cookie em bytes.
• HttpOnly. Se verdadeiro, esse campo indica que o cookie só deve ser usado em HTTP, e a modificação do JavaScript não é permitida.
• Proteger. Se verdadeiro, esse campo indica que o cookie só pode ser enviado ao servidor por uma conexão segura HTTPS.
• SameSite. 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 visitando no início da solicitação para o endpoint que definiu o cookie.
• Prioridade. Contém Low, Medium (padrão) ou High se estiver usando o atributo Prioridade do cookie descontinuado.

Para conferir o valor de um cookie, selecione-o na tabela. Para ver o valor sem codificação por porcentagem, marque check_box Mostrar decodificados 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. Insira um Nome e um Valor e pressione Enter.

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

Editar um cookie

Todos os campos são editáveis, exceto 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 na parte de cima.

Exclusão de cookies

Para excluir um cookie, selecione-o e clique em delete Excluir selecionado na barra de ação na parte de cima.

Clique em block Limpar tudo para excluir todos os cookies.

Identificar e inspecionar cookies de terceiros

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

O DevTools lista esses cookies em Application > Storage > Cookies e mostra um ícone de aviso ao lado deles. Passe o cursor sobre o ícone para ver uma dica e clique nele para acessar o painel Issues e saber mais.

Você também pode encontrar cookies de terceiros em Rede > solicitação de clique > Cookies.

O painel Network destaca cookies com problemas e mostra um ícone de aviso ao lado dos cookies afetados pela descontinuação gradual de cookies de terceiros.