Ver, adicionar, editar e excluir cookies

Kayce Basques
Kayce Basques
Sofia Emelianova
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 a visualizar, adicionar, editar e excluir os cookies de uma página com as Ferramentas do desenvolvedor do Chrome.

Abrir o painel "Cookies"

  1. Abra o Chrome DevTools.
  2. Abra Application > Storage > Cookies e selecione uma origem.

Painel "Cookies".

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ó pode ser usado por HTTP, e a modificação do JavaScript não é permitida.
  • Proteger. Se verdadeiro, este 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 SameSite experimental.
  • 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 conferir o valor sem a codificação por porcentagem, marque Mostrar decodificados por URL.

Filtrar cookies

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

Filtrar todos os cookies que não contêm "id".

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

Para adicionar um cookie arbitrário:

  1. Clique duas vezes em uma linha vazia da 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.

Definir o nome de um cookie como "DEVTOOLS!"

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

Um cookie com um valor inválido na chave de partição.

Para filtrar cookies válidos, marque 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 Excluir selecionado na barra de ação na parte de cima.

Exclusão de um cookie selecionado.

Clique em Limpar tudo para excluir todos os cookies.

Limpar 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 ao lado deles. Passe o cursor sobre o ícone para ver uma dica e clique nele para acessar o painel Problemas e conferir mais informações.

Cookies com o atributo SameSite=None na seção "Armazenamento".

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

Cookies com o atributo SameSite=None no painel "Rede".

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