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ê estiver tentando inspecionar dados de cache HTTP, este não é o guia desejado. A variável Size 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 visualizar os caches disponíveis, expanda Expandir. Armazenamento de cache.

    Caches disponíveis.

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

    Visualização do conteúdo de um cache.

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

    Visualização de cabeçalhos HTTP de um recurso.

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

    Visualização do conteúdo de um recurso.

Atualizar um recurso

  1. Ver os dados de um cache.

  2. Selecione o recurso que você quer atualizar. O DevTools destaca a cor azul para indicar selecionados.

    Seleção de um recurso.

  3. Clique em Atualizaratualizar.

Filtrar recursos

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

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. Ver os dados de um cache.

  2. Clique no recurso que você quer excluir. O DevTools destaca a cor azul para indicar selecionados.

    Selecionar um recurso a ser excluído.

  3. Clique em Excluir selecionados Excluir selecionados..

Excluir todos os dados em cache

  1. Abra Aplicativo > Armazenamento.

  2. Na seção Cache, verifique se Caixa de seleção. Armazenamento em 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.