Utilizza il riquadro Applicazione per ispezionare, modificare e eseguire il debug di molti aspetti della tua app web, inclusi manifest, service worker, spazio di archiviazione e dati della cache.
Panoramica
Il riquadro Application (Applicazione) è suddiviso in quattro sezioni contenenti sottomenu. Di seguito sono riportate queste sezioni e sottomenu:
Application: contiene informazioni generali sull'app, inclusi il manifest, i service worker e lo spazio di archiviazione.
- La scheda Manifest presenta le informazioni di
manifest.jsonin un formato facile da usare. Vengono visualizzati anche gli eventuali errori e avvisi nella sezione corrispondente. - La scheda Worker di servizio ti consente di ispezionare e eseguire il debug dei worker di servizio emulando gli eventi push, aggiornando un servizio e altro ancora.
- La scheda Archiviazione contiene un grafico a torta che mostra la distribuzione della memoria utilizzata dallo spazio di archiviazione della cache, da IndexedDB e dai service worker. Puoi anche cancellare i dati dei siti 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 della sessione ti consentono di selezionare un'origine e modificare le coppie chiave-valore dei metodi di archiviazione associati.
- L'elenco IndexedDB contiene database e ti consente di ispezionare gli oggetti del browser.
- L'elenco Cookie ti consente di selezionare un'origine e modificare le coppie chiave-valore.
- I token di stato privato e i gruppi di interesse ti consentono di ispezionare gli eventuali token e gruppi corrispondenti.
- L'elenco Spazio di archiviazione condiviso ti consente di selezionare un'origine, ispezionare e modificare le coppie chiave-valore associate.
- L'elenco Spazio di archiviazione della cache contiene le cache disponibili e ti consente di ispezionarle, filtrarle ed eliminarne le risorse.
Servizi in background: ispeziona, testa e esegui il debug dei servizi in background.
- La scheda Cache back-forward ti consente di eseguire test sulla cache back-forward nel browser. Segnala anche i problemi che potrebbero impedire la memorizzazione nella cache avanti/indietro.
- La scheda Ricerca in background ti consente di registrare l'attività dell'API Ricerca in background 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 ti consente di identificare ed eliminare lo stato dei siti che sembrano eseguire il monitoraggio cross-site utilizzando la tecnica di monitoraggio del rimbalzo.
- La scheda Notifiche ti consente di registrare i messaggi push per un massimo di tre giorni.
- La scheda Gestore pagamenti ti consente di registrare gli eventi del gestore dei pagamenti per un massimo di tre giorni.
- La scheda Sincronizzazione periodica in background ti consente di registrare gli eventi chiave per un massimo di tre giorni nel ciclo di vita della sincronizzazione periodica in background, ad esempio la registrazione per la sincronizzazione, l'esecuzione di una sincronizzazione in background e la disattivazione.
- La scheda Caricamenti speculativi ti consente di eseguire il debug dei caricamenti speculativi. Mostra lo stato speculativo, i set di regole e i tentativi di caricamento speculativo.
- La scheda Messaggistica push ti consente di registrare i messaggi push per un massimo di tre giorni e di registrarli.
- La scheda API Reporting monitora il tuo sito e segnala le chiamate API ritirate e le violazioni della sicurezza.
Frame: suddivide le pagine e le risorse in più visualizzazioni e mostra informazioni pertinenti, come Sicurezza e isolamento, Norme sulla sicurezza dei contenuti, Disponibilità API e altro ancora.
Apri il riquadro Applicazione
Per aprire il riquadro Richiesta:
- Apri DevTools.
- Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Control+Maiusc+P
- Inizia a digitare
application, seleziona Mostra applicazione e premi Invio. DevTools mostra il riquadro Applicazione nella parte superiore della finestra DevTools.
In alternativa, puoi aprire il riquadro Richiesta nei seguenti modi:
- Nella barra delle azioni in alto, fai clic su Altri riquadri e seleziona Applicazione dall'elenco a discesa.
- Nell'angolo in alto a destra, seleziona Altre opzioni > Altri strumenti > Applicazione.