Questa guida mostra come utilizzare Chrome DevTools per visualizzare, modificare ed eliminare le coppie chiave-valore sessionStorage
. Lo spazio di archiviazione della sessione si cancella al termine della sessione della pagina.
Visualizza sessionStorage
chiavi e valori
Apri DevTools sul sito web che vuoi esaminare.
Vai ad Applicazione > Spazio di archiviazione ed espandi Spazio di archiviazione sessione. Fai clic su un dominio per visualizzare le relative coppie chiave-valore.
Per visualizzare l'anteprima del valore sotto la tabella, seleziona una coppia.
Per aggiornare manualmente le coppie chiave-valore, fai clic su Aggiorna Aggiorna nella barra delle azioni in alto.
Filtra coppie chiave-valore
Per trovare rapidamente la coppia chiave-valore necessaria, digita nella casella del filtro in alto una stringa contenente la chiave o il valore.
Crea una nuova coppia chiave-valore sessionStorage
- Visualizza le
sessionStorage
coppie chiave-valore del dominio. Ad esempio, in questa pagina dimostrativa. - Fai doppio clic sulla parte vuota della tabella. DevTools crea una nuova riga e imposta il cursore nella colonna Chiave.
- Inserisci una nuova coppia chiave-valore.
Modifica sessionStorage
chiavi o valori
- Visualizza le
sessionStorage
coppie chiave-valore di un dominio. Ad esempio, in questa pagina dimostrativa. - Fai doppio clic su una cella nella colonna Chiave o Valore per modificare la chiave o il valore.
- Aggiorna la pagina per procedere con l'applicazione.
Elimina sessionStorage
coppia chiave-valore
- Visualizza le
sessionStorage
coppie chiave-valore di un dominio. Ad esempio, in questa pagina dimostrativa. - Fai clic su una coppia chiave-valore per selezionarla.
- Fai clic su Elimina nella barra delle azioni in alto per rimuovere la coppia selezionata.
- In alternativa, fai clic su Cancella tutto per rimuovere tutte le coppie.
Interagisci con sessionStorage
dalla console
Poiché puoi eseguire JavaScript nella console e dato che la console ha accesso ai contesti JavaScript
della pagina, puoi interagire con sessionStorage
dalla console.
- In DevTools, apri la console.
- Se vuoi accedere alle coppie chiave-valore
sessionStorage
di un dominio diverso dalla pagina in cui ti trovi, seleziona il contesto JavaScript necessario dal menu a discesa contestuale nella barra delle azioni in alto. - Esegui le espressioni
sessionStorage
nella console, come faresti in JavaScript.