Exibir dados do cache

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

Para inspecionar os dados do cache HTTP , na ferramenta Rede , use a coluna Tamanho do Log de Rede. Consulte Registrar atividade de rede em Inspecionar atividade de rede.

Exibir dados do cache

  1. Abra o DevTools pressionando F12 ou Ctrl+Shift+I (Windows, Linux) ou Command+Option+I (macOS).

  2. No DevTools, na Barra de Atividades, selecione a guia Aplicativo . Se essa guia não estiver visível, clique no botão Mais ferramentas (ícone de Mais ferramentas) e clique em Aplicativo. O painel Manifesto geralmente é aberto por padrão:

    O painel Manifesto

  3. Expanda a seção Armazenamento em Cache para exibir os caches disponíveis:

    Caches disponíveis

  4. Clique em um cache para exibir o conteúdo:

    Exibindo o conteúdo de um cache

  5. Clique em um recurso para exibir os cabeçalhos HTTP na seção abaixo da tabela:

    Exibindo os cabeçalhos HTTP de um recurso

  6. Clique em Visualizar para exibir o conteúdo de um recurso:

    Exibindo o conteúdo de um recurso

Para saber mais sobre a cota de armazenamento de dados de cache, consulte Uso de cota em Depurar um Aplicativo Web Progressivo (PWA).

Atualizar um recurso

  1. Exiba os dados de um cache.

  2. Clique no recurso que você deseja atualizar. O DevTools o destaca para indicar que está selecionado.

  3. Clique em Atualizar (Atualizar):

    Selecionando um recurso para atualizar

Filtrar recursos

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

Excluir um recurso

  1. Exiba os dados de um cache.

  2. Clique no recurso que você deseja excluir. O DevTools o destaca para indicar que está selecionado.

  3. Clique em Excluir selecionados (Excluir selecionados):

    Selecionando um recurso a ser excluído

Excluir todos os dados do cache

  1. Na ferramenta Aplicativo , clique em Armazenamento.

  2. Verifique se a caixa de seleção Armazenamento em cache está marcada.

  3. Clique no botão Limpar dados do site :

    O botão

Observação

Partes desta página são modificações baseadas no trabalho criado e compartilhado pelo Google e usadas de acordo com os termos descritos na Licença Creative Commons Atribuição 4.0 Internacional. A página original é encontrada aqui e é de autoria de Kayce Basques.

Licença Creative Commons Este trabalho está licenciado sob uma Licença Creative Commons Atribuição 4.0 Internacional.

  • Last updated on