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"
- Abra o Chrome DevTools.
- 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
ouLax
se o cookie estiver usando o atributo experimentalSameSite
. - 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) ouHigh
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
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:
- Clique duas vezes em uma linha vazia na tabela.
- 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
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. 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.