Use o painel Application para inspecionar, modificar e depurar muitos aspectos do seu app da Web, incluindo o manifesto, os service workers, o armazenamento e os dados de cache.
Visão geral
O painel Application é dividido em quatro seções com submenus. Confira as seções e os submenus a seguir:
Aplicativo: contém informações gerais sobre o app, incluindo o manifesto, os service workers e o armazenamento.
- A guia Manifesto apresenta informações do
manifest.jsonde uma maneira fácil de usar. Ele também mostra erros e avisos, se houver, na seção correspondente. - A guia Service workers permite inspecionar e depurar service workers emulando eventos push, atualizando um serviço e muito mais.
- A guia Armazenamento contém um gráfico de pizza que mostra a distribuição de memória usada pelo armazenamento em cache, IndexedDB e service workers. Você também pode limpar os dados do site e simular uma cota de armazenamento personalizada.
Armazenamento: confira e edite os diferentes métodos de armazenamento usados por um app da Web.
- As listas Local e Armazenamento de sessão permitem selecionar uma origem e editar os pares de chave-valor dos métodos de armazenamento associados.
- A lista IndexedDB contém bancos de dados e permite inspecionar armazenamentos de objetos no navegador.
- A lista Cookies permite selecionar uma origem e editar os pares de chave-valor.
- Os tokens de estado particular e os grupos de interesse permitem inspecionar os tokens e grupos correspondentes, se houver.
- A lista Armazenamento compartilhado permite selecionar uma origem e inspecionar e editar pares de chave-valor associados.
- A lista Armazenamento de cache contém os caches disponíveis e permite inspecionar, filtrar e excluir os recursos deles.
Serviços em segundo plano: inspecione, teste e depure serviços em segundo plano.
- A guia Cache de avanço e retorno permite executar testes no cache de avanço e retorno no navegador. Ele também informa problemas que podem estar impedindo o armazenamento em cache de avanço e retorno.
- A guia Extração em segundo plano permite registrar a atividade da API Extração em segundo plano por até três dias.
- A guia Sincronização em segundo plano permite registrar a atividade da API Background Sync por até três dias.
- A guia Mitigations de rastreio por redirecionamento permite identificar e excluir o estado de sites que parecem realizar o rastreio entre sites usando a técnica de rastreio por redirecionamento.
- A guia Notificações permite gravar mensagens push por até três dias.
- A guia Gestor de pagamentos permite gravar eventos do Gestor de pagamentos por até três dias.
- A guia Sincronização periódica em segundo plano permite registrar eventos principais por até três dias no ciclo de vida da sincronização periódica em segundo plano, como registro para sincronização, execução de uma sincronização em segundo plano e cancelamento do registro.
- A guia Carregamentos especulativos permite depurar Carregamentos especulativos. Ele mostra o status especulativo, os conjuntos de regras e as tentativas de carregamento especulativo.
- A guia Mensagens push permite gravar e registrar mensagens push por até três dias.
- A guia API Reporting monitora seu site e informa sobre violações de segurança e chamadas de API descontinuadas.
Frames: divide páginas e recursos em várias visualizações e exibe informações relevantes, como Segurança e isolamento, Política de segurança de conteúdo, Disponibilidade da API e muito mais.
Abrir o painel de aplicativos
Para abrir o painel Aplicação:
- Abra o DevTools.
- Abra o menu de comando pressionando:
- macOS: Command+Shift+P
- Windows, Linux e ChromeOS: Control+Shift+P
- Comece a digitar
application, selecione Mostrar aplicativo e pressione Enter. O DevTools mostra o painel Application na parte de cima da janela.
Também é possível abrir o painel Application das seguintes maneiras:
- Na barra de ações na parte de cima, clique em Mais painéis e selecione Aplicação na lista suspensa.
- No canto superior direito, selecione Mais opções > Mais ferramentas > Aplicativo.