Ver dados em cache

Kayce Basques
Kayce Basques
X GitHub Falha
Sofia Emelianova
Sofia Emelianova
GitHub

Este guia mostra como usar o Chrome DevTools para inspecionar dados do cache.

Se você está tentando inspecionar os dados do cache HTTP, este não é o guia que você procura. A coluna Tamanho do Registro de rede tem as informações que você está procurando. Consulte Registrar atividade de rede.

Ver dados em cache

  1. Abra o DevTools > Aplicativo > Armazenamento.

  2. Para ver os caches disponíveis, expanda Expandir. Armazenamento de cache.

    Caches disponíveis.

  3. Clique em um cache para ver o conteúdo dele.

    Visualizar o conteúdo de um cache.

  4. Clique em um recurso para visualizar seus cabeçalhos HTTP na seção abaixo da tabela.

    Como visualizar os cabeçalhos HTTP de um recurso.

  5. Abra a guia Visualização para conferir o conteúdo de um recurso.

    Visualizar o conteúdo de um recurso.

Atualizar um recurso

  1. Veja os dados de um cache.

  2. Selecione o recurso que você quer atualizar. O DevTools destaca em azul para indicar que está selecionado.

    Seleção de um recurso.

  3. Clique em Atualizaratualizar.

Filtrar recursos

  1. Veja os dados de um cache.
  2. Use a caixa de texto Filtrar por caminho para filtrar os recursos que não correspondem ao caminho fornecido.

Filtrando recursos que não correspondem ao caminho especificado.

Este exemplo filtra os recursos que não contêm script no caminho.

Excluir um recurso

  1. Veja os dados de um cache.

  2. Clique no recurso que você quer excluir. O DevTools destaca em azul para indicar que está selecionado.

    Como selecionar um recurso para excluir.

  3. Clique em Excluir itens selecionados Excluir selecionados..

Excluir todos os dados de cache

  1. Abra Aplicativo > Armazenamento.

  2. Na seção Cache, verifique se Caixa de seleção. Armazenamento de cache está ativado.

  3. Clique em Limpar dados do site.

    A caixa de seleção "Armazenamento em cache" e o botão "Limpar dados do site".