Use o painel Aplicativo para inspecionar, modificar e depurar muitos aspectos do seu app da Web, incluindo o manifesto, os service workers, o armazenamento e os dados em cache.
Visão geral
O painel Aplicativo é dividido em quatro seções que contêm submenus. Veja a seguir essas seções e submenus:
Aplicativo: contém informações abrangentes sobre o app, incluindo o manifesto, os service workers e o armazenamento.
- A guia Manifest apresenta informações de
manifest.jsonde uma forma fácil de usar. Ela também exibe erros e avisos, se houver, na seção correspondente. - A guia Service workers permite inspecionar e depurar service workers emulando eventos de push, atualizando um serviço e muito mais.
- A guia Armazenamento contém um gráfico de pizza que mostra a distribuição da memória usada pelo armazenamento em cache, pelo IndexedDB e pelos service workers. Também é possível 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 do navegador.
- A lista Cookies permite selecionar uma origem e editar os pares de chave-valor.
- Tokens de estado particular e Grupos de interesse permitem inspecionar os tokens e grupos correspondentes, se houver.
- Na lista Armazenamento compartilhado, você pode selecionar uma origem e inspecionar e editar os pares de chave-valor associados.
- A lista Armazenamento em 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.
- Na guia Cache de avanço e retorno, é possível executar testes no cache de avanço e retorno do navegador. Ele também informa problemas que podem estar impedindo o armazenamento em cache de avanço e retorno.
- A guia Busca em segundo plano permite que você registre a atividade da API Background Fetch por até três dias.
- A guia Sincronização em segundo plano permite gravar a atividade da API Background Sync por até três dias.
- A guia Mitigações de rastreio por redirecionamento permite identificar e excluir o estado de sites que parecem realizar rastreamento entre sites usando a técnica de rastreio.
- A guia Notificações permite gravar mensagens push de até três dias.
- A guia Manipulador de pagamentos permite registrar eventos do manipulador de pagamentos por até três dias.
- A guia Sincronização periódica em segundo plano permite gravar eventos principais por até três dias no ciclo de vida da sincronização periódica em segundo plano, como registro, sincronização em segundo plano e cancelamento de registro.
- A guia Carregamentos especulativos permite depurar carregamentos especulativos. Ela mostra o status especulativo, os grupos de regras e as tentativas de carregamento especulativo.
- A guia Mensagens push permite gravar mensagens push de até três dias e registrá-las.
- A guia API Reporting monitora seu site e informa as chamadas de API descontinuadas e as violações de segurança.
Frames: divide páginas e recursos em várias visualizações e mostra informações relevantes, como Segurança e isolamento, Política de Segurança de Conteúdo, Disponibilidade da API, entre outras.
Abrir o painel "Application"
Para abrir o painel Aplicativo:
- 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 Show Application e pressione Enter. O DevTools exibe o painel Application na parte de cima da janela.
Também é possível abrir o painel Aplicativo das seguintes maneiras:
- Na barra de ações localizada na parte de cima, clique em double_arrow Mais painéis e selecione Aplicativo na lista suspensa.
- No canto superior direito, selecione more_vert Mais opções > Mais ferramentas > Aplicativo.