Visualizzare e modificare lo spazio di archiviazione della sessione

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

Questa guida mostra come utilizzare Chrome DevTools per visualizzare, modificare ed eliminare le coppie chiave-valore sessionStorage. Lo spazio di archiviazione della sessione viene cancellato al termine della sessione sulla pagina.

Visualizza sessionStorage chiavi e valori

  1. Apri DevTools sul sito web che vuoi esaminare.

  2. Vai ad Applicazione > Archiviazione ed espandi Archiviazione sessione. Fai clic su un dominio per visualizzare le relative coppie chiave-valore.

    Le coppie chiave-valore di youtube.com.

  3. Seleziona una coppia per visualizzare l'anteprima del valore sotto la tabella.

    Visualizzazione del valore della chiave selezionata.

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 di cui hai bisogno, digita nella casella del filtro in alto una stringa contenente la chiave o il valore.

Eliminazione delle coppie chiave-valore che non contengono la stringa "false".

Crea una nuova coppia chiave-valore sessionStorage

  1. Visualizza le sessionStorage coppie chiave-valore del dominio. Ad esempio, in questa pagina dimostrativa.
  2. Fai doppio clic sulla parte vuota della tabella. DevTools crea una nuova riga e concentra il cursore nella colonna Chiave.
  3. Inserisci una nuova coppia chiave-valore.

Modifica sessionStorage chiavi o valori

  1. Visualizza le sessionStorage coppie chiave-valore di un dominio. Ad esempio, in questa pagina dimostrativa.
  2. Fai doppio clic su una cella nella colonna Chiave o Valore per modificare la chiave o il valore.
  3. Aggiorna la pagina per applicare la verifica.

Elimina sessionStorage coppie chiave-valore

  1. Visualizza le sessionStorage coppie chiave-valore di un dominio. Ad esempio, in questa pagina dimostrativa.
  2. Fai clic su una coppia chiave-valore per selezionarla.
  3. Fai clic su Elimina. Elimina nella barra delle azioni in alto per rimuovere la coppia selezionata. Eliminazione della coppia chiave-valore selezionata.
  4. In alternativa, fai clic su Cancella tutto. Cancella tutto per rimuovere tutte le coppie.

Interagisci con sessionStorage dalla console

Poiché puoi eseguire JavaScript nella console e poiché la console ha accesso ai contesti JavaScript della pagina, è possibile interagire con sessionStorage dalla console.

  1. In DevTools, apri la console.
  2. Se vuoi accedere alle sessionStorage coppie chiave-valore di un dominio diverso dalla pagina in cui ti trovi, seleziona il contesto JavaScript desiderato dal menu a discesa nella barra delle azioni in alto.
  3. Esegui le espressioni sessionStorage nella console, come faresti in JavaScript.

Interazione con "sessionStorage" dalla console