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 que contêm submenus. Confira as seções e os submenus:
Application: contém informações gerais sobre o app, incluindo o manifesto, os service workers e o armazenamento.
- A guia Manifest apresenta informações de
manifest.jsonde uma maneira fácil de usar. Ela 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 Storage contém um gráfico de pizza que mostra a distribuição da memória usada pelo armazenamento em cache, IndexedDB e service workers. Também é possível limpar os dados do site e simular uma cota de armazenamento personalizada.
Storage: mostra e edita os diferentes métodos de armazenamento usados por um app da Web.
- As listas Local e Session storage 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 lojas de objetos no navegador.
- A lista Cookies permite selecionar uma origem e editar os pares de chave-valor.
- Private state tokens e Interest groups permitem inspecionar os tokens e grupos correspondentes, se houver.
- A lista Shared storage permite selecionar uma origem e inspecionar e editar os pares de chave-valor associados.
- A lista Cache storage contém caches disponíveis e permite inspecionar, filtrar e excluir os recursos deles.
Background services: inspeciona, testa e depura serviços em segundo plano.
- A guia Back/forward cache permite executar testes no cache de avanço e retorno no navegador. Ela também informa problemas que podem estar impedindo o armazenamento em cache de avanço e retorno.
- A guia Background fetch permite gravar atividades da API Background Fetch por até três dias.
- A guia Background sync permite gravar atividades da API Background Sync por até três dias.
- A guia Mitigações de rastreio permite identificar e excluir o estado de sites que parecem realizar o rastreamento entre sites usando a técnica de rastreamento por redirecionamento.
- A guia Notifications permite gravar mensagens push por até três dias.
- A guia Payment handler permite gravar eventos do Payment Handler por até três dias.
- A guia Periodic background sync permite gravar eventos principais por até três dias no ciclo de vida da sincronização periódica em segundo plano, como o registro para sincronização, a execução de uma sincronização em segundo plano e o cancelamento do registro.
- A guia Speculative loads permite depurar carregamentos especulativos. Ela mostra o status especulativo, os conjuntos de regras e as tentativas de carregamento especulativo.
- A guia Push messaging permite gravar mensagens push por até três dias e as registra.
- A guia API Reporting monitora seu site e informa chamadas de API descontinuadas e violações de segurança.
- A guia Device bound sessions permite visualizar informações sobre sessões vinculadas ao dispositivo e inspecionar eventos associados.
Frames: divide páginas e recursos em várias visualizações e mostra informações relevantes, como Security & Isolation, Política de Segurança de Conteúdo, API availability e muito mais.
Abrir o painel "Application"
Para abrir o painel Application:
- Abra o DevTools.
- Abra o Command menu pressionando:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Comece a digitar
application, selecione Show Application e pressione Enter. O DevTools mostra o painel Application na parte de cima da janela do DevTools.
Como alternativa, você pode abrir o painel Application das seguintes maneiras:
- Na barra de ações na parte de cima, clique em More panels e selecione Application na lista suspensa.
- No canto superior direito, selecione More options > More tools > Application.