Utilizza il riquadro Applicazione per esaminare, modificare ed eseguire il debug di molti aspetti della tua app web, tra cui i dati relativi a file manifest, service worker, spazio di archiviazione e cache.
Panoramica
Il riquadro Applicazione è suddiviso in quattro sezioni contenenti sottomenu. Di seguito sono riportate le sezioni e i sottomenu:
Applicazione: contiene informazioni generali sull'app, tra cui manifest, service worker e spazio di archiviazione.
- La scheda Manifest presenta le informazioni di
manifest.jsonin modo facile da usare. Nella sezione corrispondente vengono visualizzati anche eventuali errori ed eventuali avvisi. - La scheda Service worker consente di esaminare i service worker ed eseguirne il debug emulando gli eventi push, aggiornando un servizio e altro ancora.
- La scheda Spazio di archiviazione contiene un grafico a torta che mostra la distribuzione della memoria utilizzata dall'archiviazione cache, da IndexedDB e dai service worker. Puoi anche cancellare i dati del sito e simulare una quota di spazio di archiviazione personalizzata.
Spazio di archiviazione: visualizza e modifica i diversi metodi di archiviazione utilizzati da un'app web.
- Gli elenchi locale e spazio di archiviazione sessione consentono di selezionare un'origine e modificare le coppie chiave-valore dei metodi di archiviazione associati.
- L'elenco IndexedDB contiene database e consente di esaminare gli archivi di oggetti dal browser.
- L'elenco Cookie consente di selezionare un'origine e modificare le coppie chiave-valore.
- I token di stato privati e i gruppi di interesse ti consentono di esaminare i token e i gruppi corrispondenti, se disponibili.
- L'elenco Spazio di archiviazione condiviso ti consente di selezionare un'origine, nonché di controllare e modificare le coppie chiave-valore associate.
- L'elenco Spazio di archiviazione della cache contiene le cache disponibili e consente di ispezionare, filtrare ed eliminare le risorse corrispondenti.
Servizi in background: ispeziona, testa ed esegui il debug dei servizi in background.
- La scheda Cache back/forward consente di eseguire test nella cache back-forward del browser. Segnala inoltre problemi che potrebbero impedire la memorizzazione nella cache back-forward.
- La scheda Recupero in background ti consente di registrare l'attività dell'API Background Fetch per un massimo di tre giorni.
- La scheda Sincronizzazione in background consente di registrare l'attività dell'API Background Sync per un massimo di tre giorni.
- La scheda Mitigazioni del monitoraggio del rimbalzo consente di identificare ed eliminare lo stato dei siti che apparentemente eseguono il monitoraggio tra siti utilizzando la tecnica di monitoraggio del rimbalzo.
- La scheda Notifiche consente di registrare messaggi push per un massimo di tre giorni.
- La scheda Gestore dei pagamenti ti consente di registrare gli eventi Gestore dei pagamenti per un massimo di 3 giorni.
- La scheda Sincronizzazione periodica in background consente di registrare eventi chiave per un massimo di tre giorni nel ciclo di vita della sincronizzazione in background periodica, come la registrazione per la sincronizzazione, l'esecuzione di una sincronizzazione in background e l'annullamento della registrazione.
- La scheda Caricamenti speculativi consente di eseguire il debug dei caricamenti speculativi. Mostra lo stato speculativo, le serie di regole e i tentativi di caricamento speculativi.
- La scheda Messaggi push consente di registrare i messaggi push per un massimo di tre giorni e di registrarli.
- La scheda API di reporting monitora il tuo sito e segnala le chiamate API deprecate e le violazioni della sicurezza.
Frame: consente di suddividere pagine e risorse in più visualizzazioni e visualizzare informazioni pertinenti, ad esempio Sicurezza e isolamento, Criteri di sicurezza del contenuto, Disponibilità delle API e altro ancora.
Apri il riquadro Applicazione
Per aprire il riquadro Applicazione:
- Apri DevTools.
- Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Ctrl+Maiusc+P
- Inizia a digitare
application, seleziona Mostra applicazione e premi Invio. DevTools mostra il riquadro Applicazione nella parte superiore della finestra di DevTools.
In alternativa, puoi aprire il riquadro Applicazione nei seguenti modi:
- Nella barra delle azioni in alto, fai clic su double_arrow Altri riquadri e seleziona Applicazione dall'elenco a discesa.
- Nell'angolo in alto a destra, seleziona more_vert Altre opzioni > Altri strumenti > Applicazione.