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 do cache HTTP, este não é o guia que você quer. A coluna Tamanho do Registro de rede tem as informações que você está procurando. Consulte Registrar atividade de rede.

Conferir dados do cache

  1. Abra o DevTools > Application > Storage.

  2. Para conferir os caches disponíveis, abra Expandir. Armazenamento em cache.

    Caches disponíveis.

  3. Clique em um cache para conferir o conteúdo.

    Visualizando o conteúdo de um cache.

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

    Visualização dos 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. Acessar os dados de um cache.

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

    Como selecionar um recurso.

  3. Clique em Atualizar.

Filtrar recursos

  1. Acessar 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.

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

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

    Como selecionar um recurso para excluir.

  3. Clique em Excluir selecionados Excluir selecionado..

Excluir todos os dados do 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 de cache" e o botão "Limpar dados do site".