Ver, adicionar, editar e excluir cookies

Kayce Basques

Sofia Emelianova

Importante: se o site usa cookies de terceiros, considere substituí-los por uma alternativa que preserve a privacidade, como o Sandbox de privacidade. Para saber como identificar cookies de terceiros no DevTools, consulte Identificar e inspecionar cookies de terceiros.

Os cookies HTTP são usados principalmente para gerenciar sessões de usuários, armazenar preferências de personalização 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ê vê na Web. Este guia ensina como visualizar, adicionar, editar e excluir cookies de uma página com o Chrome DevTools.

Abrir o painel "Cookies"

1. Abra o Chrome DevTools.
2. Abra Application > Storage > 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.
• Validade / idade máxima. 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 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 verdadeiro, esse campo indica que o cookie só pode ser enviado ao servidor por uma conexão HTTPS segura.
• 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 de prioridade de cookie descontinuado cookie Priority.

Para visualizar o valor de um cookie, selecione-o na tabela. Para ver o valor sem codificação de porcentagem, marque Mostrar decodificados por URL.

Filtrar cookies

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

A filtragem por outros campos está indisponível. 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 automaticamente outros campos obrigatórios. É possível 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 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 Excluir selecionados na barra de ações superior.

Clique em 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. Os cookies de terceiros têm o atributo SameSite=None.

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

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

O painel Rede destaca cookies com problemas e mostra um ícone de aviso warning ao lado dos cookies afetados em que cookies de terceiros não estão disponíveis.